@font-face {
  font-family: 'iconfont';  /* https://at.alicdn.com/ */
  src: url('../fonts/font_2670242_afdsmf1ctb.woff2?t=1639538660678') format('woff2'),
       url('../fonts/font_2670242_afdsmf1ctb.woff?t=1639538660678') format('woff'),
       url('../fonts/font_2670242_afdsmf1ctb.ttf?t=1639538660678') format('truetype');
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

@font-face {
	font-family: 'GraphikLCG';
	src: url('/resources/assets/fonts/GraphikLCG-Regular.woff2');
}

@font-face {
	font-family: DIN;
	src: url(../fonts/DIN-Condensed-Bold.ttf)
}

@font-face {
	font-family: Morganite;
	src: url(../fonts/akrobat-black-webfont.woff2)
}

.singePage img.pc-hide{
	display: none;
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.swiper-container.hxSwiper {
	display: none;
}

.swiper-container.hxSwiper.active {
	display: block;
}

.swiper-container.hxSwiper .swiper-slide {
	width: 50%;
}

.screenSwiper.hxSwiper .swiper-slide {
	opacity: 1;
}



.idx-banner {
	background-color: #000;
	height: 100vh
}

.mbx{
    width: 100%;
    height: auto;
    line-height: 40px;
    position: relative;
    background: #ebebeb;
    color: #3e3e3e;
}
.mbx span{
    padding: 0px 5px;
}
.mbx span.active{
    color: #0f3684;
}
.mbx a:hover{
    text-decoration: underline;
}
.idx-banner .swiper-container {
	width: 100%;
	z-index: 0;
	height: 100%;
}

.idx-banner .swiper-slide {
	background-color: #000;
}

.idx-banner .swiper-wrapper,
.idx-banner [data-swiper-parallax] {
	will-change: transform
}

.idx-banner .headbg {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.idx-banner .headbg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .1);
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 30%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 30%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);
	z-index: 1;
	display: none;
}

.idx-banner .swiper-slide-active .headbg {
	-webkit-animation: scaleBigToSmall 4s;
	animation: scaleBigToSmall 4s;
}


@-webkit-keyframes scaleBigToSmall {
	0% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleBigToSmall {
	0% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.scaleBigToSmall {
	-webkit-animation-name: scaleBigToSmall;
	animation-name: scaleBigToSmall;
	transform-origin: 50% 50%;
}

input {
	outline: none;
}

.logo {
	width: 325px;
	position: relative;
}

.logo>img {
	position: absolute;
	width: 100%;
	-webkit-transition: all .35s;
	opacity: 0;
	top: 0px;
}

.logo>img:nth-child(1) {
	opacity: 1;
	position: relative;
}

.logo>img:nth-child(2) {
	opacity: 0;
}

.header {
	position: fixed;
	display: flex;
	justify-content: space-between;
	padding: 20px 3%;
	width: 100%;
	z-index: 300;
	height: 80px;
	align-items: center;
	-webkit-transition: all .5s;
}

.header::before {
	width: 100%;
	height: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #fff;
	content: '';
	-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	visibility: hidden;
}

.header.active::before {
	height: 180px;
	visibility: visible;
}

.header.active .nav ul li a,
.header.open .nav ul li a {
	color: #3e3e3e;
}

.header.open {
	background-color: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);
	padding: 10px 3%;
	height: 70px;
}

.header.open .langueBtn {
	line-height: 70px;
}

.header.active .logo>img:nth-child(1),
.header.open .logo>img:nth-child(1) {
	opacity: 0;
}

.header.active .logo>img:nth-child(2),
.header.open .logo>img:nth-child(2) {
	opacity: 1;
}

.header.active .nav ul li.active a,
.header.active .nav ul li:hover a,
.header.open .nav ul li.active a,
.header.open .nav ul li:hover a {
	color: #20a03f;
}

.header.active .nav ul li::after {
	background: #20a03f;
}

.header.active .langueBtn,
.header.open .langueBtn {
	color: #3E3E3E;
}

.banner {
	width: 100%;
	height: 100vh;
	position: relative;
	padding: 0px;
	overflow: hidden;
	background: #fff;
}

.banner .swiper-container {
	width: 100%;
	height: 100%;
	z-index: 100;
}

#shows {
	position: absolute;
	left: 0px;
	top: 0px;
}

#preload {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 200;
	display: flex;
	justify-content: center;
	align-items: center;
}

.preload-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #23ac38, #103784);
}

#preload .tip {
	display: inline;
	width: 30%;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
	position: relative;
	overflow: hidden;
}

.tip-bg {
	position: absolute;
	width: 0px;
	height: 100%;
	background: #fff;
}

#txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;

}


.box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.banner h2 {
	cursor: pointer;
	color: #fff;
	line-height: 1.4;
	display: block;
	position: absolute;
	left: 20%;
	top: 40%;
	width: 80%;
	display: none;
}

.banner h2 b {
	display: block;
	width: 100%;
	font-size: 5vw;
	color: #fff;
}

.banner h2 p {
	font-size: 2vw;
	text-transform: uppercase;
}

/* .swiper-slide h2 {
	display: none;
} */

.homeSwiper>.swiper-pagination {
	width: 25px;
	height: auto;
	position: absolute;
	right: 37.5px;
	top: auto;
	left: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
}

.homeSwiper>.swiper-pagination .swiper-pagination-bullet {
	width: 25px;
	height: 25px;
	opacity: 1;
	background: none;
	margin: 5px 0px;
	position: relative;
	cursor: pointer;
	display: block;
	text-indent: 100px;
	overflow: hidden;
}

.homeSwiper>.swiper-pagination .swiper-pagination-bullet::before {
	content: "";
	width: 6px;
	height: 6px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -3px;
	margin-left: -3px;
	border-radius: 50%;
	transition: all .5s;
}

.homeSwiper>.swiper-pagination .swiper-pagination-bullet::after {
	content: "";
	background: url(../images/dot.png);
	background-size: cover;
	position: absolute;
	transition: all .3s;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
}

.homeSwiper>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	transform: scale(.4);
	opacity: 0;
}

.homeSwiper>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	width: 25px;
	height: 25px;
	left: 0;
	top: 0;
	animation: rotate0 2s ease infinite;
}


.nav .list {
	display: none;
}

.homeSwiper {
	height: 100vh;
}

.homeSwiper>.swiper-wrapper>.swiper-slide {
	display: block;
	height: 100vh;
	background: center center no-repeat;
	background-size: contain;
	overflow: hidden;
}

.swiper-container.homeSwiper .swiper-slide.auto {
	height: auto;
}

@keyframes rotate0 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(359deg);
	}
}

.nav {
	width: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	padding-right: 80px;
}
.gpdm{
	position: relative;
	width: 160px;
	text-align: center;
	height: auto;
	line-height: 35px;
	background: #103784;
	color: #fff;
	border-radius: 45px;
}
.nav .hotTel {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
}

.nav .hotTel .icon {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #dc3647;
	color: #FFFFFF;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
	font-size: 26px;
	z-index: 5;
}

.nav .hotTel .icon i {
	display: block;
	-webkit-transition: all .35s;
	-webkit-animation: rotateIns 2s ease infinite;
}

@-webkit-keyframes rotateIns {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.nav .hotTel .tel {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: #dc3647;
	color: #FFFFFF;
	-webkit-transition: all .5s;
	border-radius: 60px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	padding-right: 40px;
	line-height: 60px;
	font-family: DIN;
	font-size: 24px;
}

.nav .hotTel:hover .tel {
	width: 200px;
	opacity: 1;
}

.nav ul {
	display: flex;
	justify-content: space-between;
}

.nav ul li {
	width: auto;
	position: relative;
}

.nav ul li::after {
	width: 0%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	border-radius: 50px;
	background: #fff;
	content: '';
	-webkit-transition: all .35s;
}

.langueBtn {
	display: block;
	width: 100px;
	height: auto;
	line-height: 80px;
	text-align: center;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	font-family: 'DIN';
	font-size: 18px;
}

.nav ul li.active::after,
.nav ul li:hover::after {
	width: 20%;
	left: 40%;
}
.header.open .nav ul li.active::after,.header.open .nav ul li:hover::after{
	background: #20a03f;
}
.nav ul li a {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	padding: 0px 15px;
}

.swiperBar {
	max-width: 1400px;
	width: 90%;
	position: absolute;
	left: 50%;
	bottom: 0%;
	height: 70px;
	background: #fff;
	-webkit-transform: translateX(-50%);
	z-index: 10;
	display: flex;
	justify-content: space-between;
}

.swiperBar .swiperBtn {
	width: auto;
	display: flex;
	height: auto;
	line-height: 70px;
	margin-left: 15px;
}

.swiperBar .swiperBtn .prev,
.swiperBar .swiperBtn .next {
	width: 50px;
	height: 70px;
	position: relative;
	line-height: 70px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	opacity: .5;
}

.swiperBar .swiperBtn .prev:hover,
.swiperBar .swiperBtn .next:hover {
	opacity: 1;
}

.swiperBar .swiperBtn .prev i {
	-webkit-transform: rotate(-180deg);
	display: block;
}

.swiperBar .swiper-pagination {
	position: relative;
	line-height: 70px;
	margin-right: 20px;
}

.swiperBar .swiper-pagination-bullet {
	margin: 0px 10px;
	width: 10px;
	height: 10px;
}

.swiperBar .swiper-pagination-bullet-active {
	background: #dc3647;
}

.m-mouse-icon {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid;
	border-color: #FFF;
	border-radius: 20px;
	bottom: 5vh;
	height: 40px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 25px;
	cursor: pointer;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.m-mouse-icon:hover {
	opacity: .3 !important;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.m-mouse-icon .m-wheel {
	-webkit-animation: 1.5s ease 0s normal none infinite magic-mouse-icon;
	-moz-animation: 1.5s ease 0s normal none infinite magic-mouse-icon;
	-o-animation: 1.5s ease 0s normal none infinite magic-mouse-icon;
	animation: 1.5s ease 0s normal none infinite magic-mouse-icon;
	border-radius: 100%;
	height: 5px;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 5px;
	background: #fff;
}

@-webkit-keyframes magic-mouse-icon {
	0% {
		margin-top: 6px;
		opacity: 0
	}

	30% {
		opacity: 1
	}

	100% {
		margin-top: 18px;
		opacity: 0
	}
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}

.banner .swiper-pagination-bullet {
	height: 10px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 5%;
}

.subTitle {
	width: 100%;
	position: relative;
	font-size: 30px;
	margin-bottom: 1vw;
	color: #103784;
	line-height: 2;
}

.singePage.w {
	color: #fff;
}

.homeP .singePage {
	width: 70%;
}

.subTitle.abs {
	position: absolute;
	left: 10%;
	top: 15%;
	z-index: 10;
}

.slideBox .w1400 {
	position: absolute;
	top: 55%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
}

.subTitle.w {
	color: #fff;
}

.homeProduct {
	position: relative;
	margin-top: 1vw;
	width: 100%;
}

.homeProduct ul li {
	width: 20%; float:left;

}
.homeProduct ul li .b{ font-size:65px; color:#0085B2;float:left;}
.homeProduct ul li span{ float:left; padding-top:45px; font-size:20px;}

.productcontent { clear:both;}
.productcontent ul{}
.productcontent ul li{ float:left; background:#FFF; border-radius:5px; width:31%; margin-right:2%; height:310px; padding:10px; }
.productcontent  ul li .pic { text-align:center; width:100%; height:90px; float:none;}
.productcontent  ul li .pic  img{ width:auto;}
.productcontent ul li p{ text-align:center;}
.productcontent  ul li  .txt1{font-size:20px; line-height:55px; text-align:center;}
.productcontent  ul li  .txt2{line-height:30px; text-align:center;}

.footer {
	background: center center no-repeat;
	background-size: cover !important;
	padding: 75px 0px 0px;
}

.footerTop {
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, .05);
	padding-bottom: 55px;
}

.footerTop .w1400 {
	display: flex;
	justify-content: space-between;
}

.footerTop .socals {
	width: 300px;
	position: relative;
	color: #fff;
	text-align: center;
}

.footerTop .socals img {
	width: 120px;
	margin-bottom: .5vw;
}

.footerTop .socals b {
	display: block;
	width: 100%;
	font-size: 36px;
	text-align: left;
	font-weight: normal;
	margin-bottom: 2vw;
}

.footerTop .socals p {
	font-size: 12px;
	opacity: .7;
	width: 120px;
}

.conAddress {
	width: 450px;
	margin-right: 100px;
	color: #fff;
}

.conAddress ul li {
	margin-bottom: 35px;
	color: #fff;
}

.conAddress ul li:last-child {
	margin-bottom: 0vw;
}

.conAddress ul li .txt {
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	position: relative;
	display: flex;
}

.conAddress ul li .txt .icon {
	margin-right: 5px;
	font-size: 20px;
}

.conAddress ul li .des {
	font-size: 16px;
	line-height: 1.6;
}

.footerNav {
	width: auto;
	display: flex;
}

.footerNav a {
	padding-right: 15px;
	font-size: 12px;
}

.footerTop .socals .conTel {
	width: 100%;
	display: flex;
	margin-bottom: 7vw;
	align-items: center;
}

.footerTop .socals .conTel .icon {
	width: 65px;
	height: 65px;
	line-height: 61px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 32px;
}

.footerTop .socals .conTel .txt {
	width: calc(100% - 75px);
	margin-left: 10px;
	position: relative;
	line-height: 1.2;
}

.footerTop .socals .conTel .txt span {
	display: block;
	width: 100%;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	left: 0px;
	bottom: -25px;
	opacity: .5;
}

.footerTop .socals .conTel .txt b {
	font-weight: bold;
	font-size: 16px;
}

.footerTop .socals .conTel .txt p {
	font-weight: bold;
	font-size: 40px;
	font-family: DIN;
}

.solist {
	width: 100%;
	display: flex;
}

.solist a {
	display: block;
	width: 50px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	height: 50px;
	-webkit-transition: all .35s;
	margin-right: 10px;
	border-radius: 50%;
	position: relative;
	border: 1px solid rgba(255, 255, 255, .5);
}

.solist a .img {
	width: 100px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top: -100px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .35s;
}

.solist a:hover .img {
	opacity: 1;
	visibility: visible;
	top: -110px;
}

.footerBottom {
	width: 100%;
}

.footerBottom .w1400 {
	display: flex;
	justify-content: space-between;
	line-height: 50px;
	color: rgba(255, 255, 255, .5);
	font-size: 12px;
}

.footerBottom a {
	color: rgba(255, 255, 255, .5);
}

.footerBottom a:hover {
	color: rgba(255, 255, 255, .7);
}

.footerTop .fNav ul li:last-child a {
	padding-right: 0px;
}

.cpright {
	margin-right: 80px;
}

.cpright a {
	margin-left: 10px;
}

.solist a::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: #dd3b4b;
	content: '';
	-webkit-transition: all .35s;
	-webkit-transform: scale(0);
	border-radius: 50%;
}

.solist a .icon {
	position: relative;
	z-index: 2;
}

.solist a:hover {
	border-color: #dd3b4b;
}

.solist a:hover::before {
	-webkit-transform: scale(1);
}

.header::after {


}

.header.open::after{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.05);
}

.navBar {
	width: 1400px;
	height: auto;
	position: absolute;
	top: 90px;
	right: calc(0% + 100px);
	padding: 20px 0px;
	opacity: 0;
	visibility: hidden;
}

.header.active .navBar {
	opacity: 1;
	top: 80px;
	-webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1) .3s;
	visibility: visible;
}

.navBar ul {
	display: flex;
	justify-content: center;
	width: 100%;
}

.navBar ul li {
	display: none;
	justify-content: center;
	width: 100%;
	position: relative;
}

.navBar ul li:nth-child(2){
	justify-content: end;
}

.navBar ul li:nth-child(5) {
	justify-content: flex-end;
}

.navBar ul li:nth-child(6) {
	justify-content: flex-end;
}

.navBar ul li .subNav {
	width: 100%;
	text-align: center;
	margin-right: 3%;
}

.navBar ul li .subNav:nth-child(3) {
	margin-right: 0%;
}

.navBar ul li .subNav.sub1 .sn:hover,
.navBar ul li .sub1 .list a:hover {
	color: #103784;
}

.navBar ul li .sub1 .list a:hover .icon {
	background-color: #103784;
	border: 1px solid #103784;
}

.navBar ul li .subNav.sub2 .sn:hover,
.navBar ul li .sub2 .list a:hover {
	color: #d3862c;
}

.navBar ul li .sub2 .list a:hover .icon {
	background-color: #d3862c;
	border: 1px solid #d3862c;
}

.navBar ul li .subNav.sub3 .sn:hover,
.navBar ul li .sub3 .list a:hover {
	color: #23ac38;
}

.navBar ul li .sub3 .list a:hover .icon {
	background-color: #23ac38;
	border: 1px solid #23ac38;
}

.navBar ul li.active {
	display: flex;
}

.navBar ul li .subNav .sn {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 50px;
	display: flex;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	margin-bottom: 15px;

}

.navBar ul li .subNav .sn:hover,
.navBar ul li .list a:hover {
	color: #20a03f;
}

.navBar ul li .list a:hover .icon {
	background-color: #20a03f;
	color: #fff;
	border: 1px solid #20a03f;
}

.navBar ul li .list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.navBar ul li .list a {
	display: flex;
	width: 18%;
	align-items: center;
	margin-bottom: 15px;
}

/*.navBar ul li .list a:last-child {
	margin-bottom: 0px;
}*/

.navBar ul li .list a .icon {
	width: 48px;
	height: 48px;
	line-height: 46px;
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 50%;
	content: '';
	text-align: center;
	font-size: 28px;
}

.navBar ul li .list a .txt {
	margin-left: 15px;
	font-size: 16px;
}

.slogan {
	width: auto;
	position: absolute;
	left: 10%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	color: #fff;
	z-index: 10;
}

.slogan.y {
	top: 55%;
}

.slogan .title {
	width: 100%;
	margin-bottom: 2vw;
	line-height: 1.4;
}

.slogan .title b {
	display: block;
	font-size: 40px;
	font-weight: normal;
}

.slogan .title p {
	font-weight: bold;
	font-size: 28px;
	text-transform: uppercase;
}

.soluSwiper .swiper-slide .sloganNav {
	width: auto;
	display: flex;
	position: absolute;
	left: 10vw;
	top: 70%;
}

.sloganNav {
	width: 100%;
	display: flex;
}

.yunweiBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.yunweiBox .thum {
	width: 50%;
}

.ywR {
	width: 45%;
}

.titleLogo {
	width: 84px;
	margin-bottom: 1vw;
}

.ywImg {
	width: 100%;
	margin-top: 3vw;
}

.sloganNav a {
	display: block;
	padding: 0px 20px;
	height: auto;
	line-height: 40px;
	color: #fff;
	border: 1px solid #fff;
	font-size: 16px;
	margin-right: 15px;
	border-radius: 50px;
	cursor: pointer;
}

.sloganNav a:hover,
.sloganNav a.active {
	border-color: #23ac38;
	background-color: #23ac38;
}

.sloganNav.so0 a:hover,
.sloganNav.so0 a.active {
	border-color: #103784;
	background-color: #103784;
}

.sloganNav.so1 a:hover,
.sloganNav.so1 a.active {
	border-color: #d3862c;
	background-color: #d3862c;
}

.subBanner {
	background: #000;
	height: 60vh;
	overflow: hidden;
}

.subBanner .img {
	width: 110vw;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: center center no-repeat;
	background-size: cover;
	opacity: .7;
	-webkit-animation: subs 6s linear 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-transform: translateX(-5%);
}

@-webkit-keyframes subs {
	0% {
		-webkit-transform: translateX(-5%)
	}

	100% {
		-webkit-transform: translateX(0)
	}
}

.subBanner>img {
	max-width: none;
	width: 100%;
	opacity: .6;
}



.boxes.introBox {
	background:;
	background-size: cover;
}

.intro {
	width: 50%;
	position: relative;
	margin-left: 50%;
}


.boxes.videoMain {
	height: auto;
	position: relative;
	padding: 0px;
}

.boxes.videoMain video {
	display: block;
	width: 100%;
	position: relative;
}

.videoMain .subTitle.abs {
	width: 350px;
	margin-bottom: 0px;
	left: 50%;
	top: 35%;
	-webkit-transform: translateX(-50%);
}

.playBtn {
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 36px;
	position: absolute;
	left: 50%;
	color: #fff;
	cursor: pointer;
	top: 55%;
	-webkit-transition: all 0.3s;
	-webkit-transform: translate(-50%, -50%);
}

.playBtn.active {
	opacity: 0.5;
}

.playBtn.active::before {
	-webkit-animation: auto;
}

.playBtn::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: url(../images/playBg.png) no-repeat;
	background-size: cover;
	-webkit-animation: loopsAnimate 3s ease infinite;
	content: '';
}

@-webkit-keyframes loopsAnimate {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(-360deg);
	}
}

.ysSwiper .slide-inner {
	position: relative;
	height: auto;
}

.ysNav {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.ysNav a {
	display: block;
	width: calc(100% / 6);
	position: relative;
	padding: 40px 15px 20px;
	border-bottom: 2px solid #e7e7e7;
}

.ysNav a.active {
	color: #ecae6d;
}

.ysNav a b {
	font-size: 20px;
	display: block;
	width: 100%;
	margin-bottom: 5px;
}

.ysNav a p {
	font-size: 12px;
	line-height: 1.6;
	opacity: .5;
}

.boxes.ysBox {
	background: url(../images/ysBg.jpg) center bottom no-repeat;
	background-size: cover;
}

.ysNav a.active::after {
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0px;
	bottom: -2px;
	background: #ecae6d;
	border-radius: 4px;
	content: '';
}

.ysSwiper {
	padding-bottom: 10px;
}

.subTitle.center {
	display: flex;
	justify-content: center;
}

.techBanner {
	width: 100%;
	height: 100%;
	background: center center no-repeat;
	background-size: cover;

}

.techBanner::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	background: rgba(0, 0, 0, .5);
}

.techBanner .title {
	width: 40vw;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
}

.swiper-container.techSwiper {
	height: 100vh;
}

.swiper-container.techSwiper .swiper-slide {
	overflow: hidden;
}

.swiper-container.techSwiper .swiper-slide .slide-inner::before {
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0%;
	bottom: 0%;
	background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	content: '';
	top: auto;
}

.swiper-container.techSwiper .swiper-slide.auto {
	height: auto;
}

.techSwiper .infoBox {
	width: 80%;
	position: absolute;
	left: 10%;
	bottom: 10%;
	color: #fff;
}

.techSwiper .infoBox .name {
	font-size: 2vw;
	font-weight: bold;
	margin-bottom: 1vw;
}

.techSwiper .infoBox .des {
	font-size: 14px;
	line-height: 2;
}

.techSwiper .subTitle {
	margin-bottom: 3vw;
}

.adressTips {
	width: 100%;
	text-align: center;
}

.adressTips b {
	display: block;
	font-size: 4vw;
	font-family: DIN;
	background: linear-gradient(to right, #ecaf6e, #e75e47);
	-webkit-background-clip: text;
	color: transparent;
}

.adressTips p {
	font-size: 16px;
}

.boxes.myMap {
	padding: 0px;
	height: 40vh;
	position: relative;
}

.oderBox {
	background: url(../images/orderBg.jpg) center center no-repeat;
	background-size: cover;
}

.oderBox .w1400 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.oderBox .w1400 .oderInfo {
	width: 40%;
	position: relative;
}

.oderBox .w1400 .orderForm {
	width: 40%;
	background: #fff;
	padding: 70px 35px;
	border-radius: 10px;
}

.orderForm .subTitle {
	margin-bottom: 2vw;
}

.orderForm .des {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.7;
	font-size: 16px;
	margin-bottom: 2vw;
}

.formBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.formBox .inputDiv {
	width: 100%;
	display: flex;
	flex-wrap: wrap;

}

.formBox .inputDiv .lable {
	width: 100%;
	display: flex;
	background: #f6f6f6;
	border-radius: 60px;
	margin-bottom: 15px;
	padding: 10px 25px;
	line-height: 40px;
	justify-content: space-between;
}

.formBox .inputDiv .lable .txt {
	width: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.formBox .inputDiv .lable input {
	width: calc(100% - 50px);
	border: none;
	background: transparent;
}

.submitBtn {
	display: block;
	width: 180px;
	height: 50px;
	position: relative;
	margin: 0px auto;
	border-radius: 50px;
	line-height: 50px;
	text-align: center;
	background: linear-gradient(to right, #ecaf6e, #e75e47);
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	-webkit-transition: all .5s;
}

.submitBtn:hover {
	box-shadow: 0px 0px 15px #e75e47;
}

.submitBtn.active {
	cursor: no-drop;
	opacity: .5;
}

.formBox .inputDiv .lable:last-child {
	margin-bottom: 35px;
}

.oderBox .w1400 .oderInfo .subTitle {
	margin-bottom: 8vw;
}

.oderBox .w1400 .oderInfo .info {
	width: 100%;
	color: #fff;
	line-height: 2;
}

.oderBox .w1400 .oderInfo .info p {
	font-size: 18px;
}

.oderBox .w1400 .oderInfo .info b {
	display: block;
	width: 100%;
	font-size: 4vw;
	font-family: DIN;
}

.enterBtn {
	position: relative;
	display: flex;
	width: 130px;
	font-size: 14px;
	height: auto;
	line-height: 40px;
	justify-content: space-between;
	-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	padding: 0px 15px;
	background: linear-gradient( 135deg, #73b42c, #1b90cd) center center no-repeat;
	color: #fff;
	border-radius: 50px;
	cursor: pointer;
	overflow: hidden;
}
.enterBtn p{
	position: relative;
}
.enterBtn i {
	font-size: 24px;
	color: #fff;
	opacity: .7;
	position: relative;
}
.enterBtn::before{
	width: 150px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	background:#26bc53;
	content: '';
	-webkit-transition: all .6s cubic-bezier(.23,1.08,.62,.95);;
	border-radius: 50%;
}
.enterBtn:hover::before{
	-webkit-transform: translate(-50%, -50%) scale(1);
}
.enterBtn:hover i,.enterBtn:hover p,.subTitle.cj .enterBtn:hover p{
	opacity: 1;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
.mb5 {
	margin-bottom: 5vw;
}

.subTitle.center.w30 img {
	width: 30vw;
}

.tips{
	opacity: 0;
	visibility: hidden;
}


.newSwiper {	
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.hisSwiper::after{
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/tips.png) center center no-repeat;
	background-size: cover;
	content: '';
	pointer-events: none;
	display: none;
}
.newSwiper .time {
	width: 100%;
	line-height: 1;
	margin-bottom: 1vw;
	display: flex;
	align-items: flex-end;
}

.newSwiper .thum {
	margin-bottom: 1vw;
}

.newSwiper .time b {
	display: block;
	font-family: DIN;
	font-size: 40px;
}

.newSwiper .des {
	opacity: .7;
}

.newSwiper .time p {
	font-size: 12px;
	text-transform: uppercase;
	opacity: .7;
	margin-bottom: 6px;
	margin-left: 5px;
}

.newSwiper .name {
	font-size: 18px;
	line-height: 30px;
	height: 60px;
	position: relative;
	margin-bottom: 5px;
}

.newSwiper .swiper-slide::after {
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	background: rgba(0, 0, 0, .05);
	content: '';
}

.newSwiper .swiper-slide {
	-webkit-transition: all .35s;
	padding: 25px;
}

.newSwiper .swiper-slide:hover{
	background: #fff;
}

.khxz {
	width: auto;
	height: auto;
	position: absolute;
	left: 0px;
	bottom: 0px;

	display: flex;
}

.khxz li {
	width: auto;
	display: flex;
	align-items: flex-end;
}

.khxz li:nth-child(2) {
	margin-left: 30px;
}

.khxz li b {
	font-family: din;
	font-size: 80px;
	display: block;
	line-height: 1.1;
	color: #063979;
}

.khxz li b span {
	font-size: 20px;
}

.khxz li p {
	margin-bottom: 10px;
	margin-left: 5px;
}

.boxC {
	width: 40%;
	position: absolute;
	left: 0%;
	top: 0%;
	height: 100%;
}

.newSwiper .swiper-slide.first {
	height: 100%;
	padding-left: 0px;
}

.newSwiper .swiper-slide.first .thum {
	height: 100%;
	margin-bottom: 0px;
	overflow: hidden;
}

.newSwiper .swiper-slide.first .pic {
	height: 100%;
}

.newSwiper .swiper-slide.first .thum::before {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0%;
	bottom: 0%;
	background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
	content: '';
	top: auto;
	z-index: 10;
}

.newSwiper .swiper-slide.first .name {
	position: absolute;
	margin-bottom: 0px;
	left: 0px;
	bottom: 25px;
	height: auto;
	padding: 10px 20px;
	width: calc(100% - 25px);
	color: #fff;
	font-size: 16px;
	z-index: 20;
}

.newSwiper .swiper-slide.first:hover .name {
	color: #fff;
}

.newSwiper .more {
	width: 100%;
	display: flex;
	line-height: 50px;
	opacity: .5;
	display: none;
}

.parterImg {
	width: 55%;
	margin-left: 45%;
	position: relative;
}

.parterImg .pics {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 0%;
	perspective: 500;
	-webkit-perspective: 500;
	transform-style: preserve-3d;
}

.parterImg .pics img {
	position: absolute;
	width: 100%;
	left: 0%;
	top: 0%;
}

.saceIn {
	-webkit-animation-name: saceIn;
	animation-name: saceIn;
}

@-webkit-keyframes saceIn {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(200px) translateY(-150px);

	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0px) translateY(0px);
	}
}

.parterImg .singePage {
	width: 40%;
}

.newSwiper .more i {
	margin-left: 10px;
}

.newSwiper .swiper-slide:hover .pic {
	-webkit-transform: scale(1.1);
}

.newSwiper .swiper-slide:hover .name {
	color: #103784;
}

.newSwiper.innerNews {
	padding-bottom: 0px;
	display: flex;
	flex-wrap: wrap;

}

.newSwiper.innerNews a {
	width: calc(100% / 3);
}

.newSwiper.innerNews a {
	background: #fff;
}

.newSwiper.innerNews .swiper-slide::before {
	width: 100%;
	height: 1px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, .05);
	content: '';
}

.newSwiper.innerNews .swiper-slide:nth-child(n+4)::before {
	display: none;
}

.newSwiper.innerNews .thum {
	margin-bottom: 15px;
}

.detailTop {
	background: #041a58 url(../images/focusBg.jpg) center bottom no-repeat;
	color: #fff;
}

.ndc_npnews {
	background: #f3f3f3;
}

.homeN .subTitle {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 15px;
}

.navFocus {
	position: absolute;
	right: 0px;
	bottom: 10px;
	font-size: 16px;
	display: flex;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	display: none;
}

.navFocus a {
	display: block;
	padding: 0px 15px;
	position: relative;
	line-height: 40px;
	cursor: pointer;
}

.navFocus.new-nav a{
	border: 1px solid #ffffff;
	margin-left: 10px;
	border-radius: 50px;
	padding: 0px 25px;
	color: #ffffff;
}
.navFocus.new-navs a{
	border: 1px solid #103784;
	color: #103784;
	border-radius: 50px;
	padding: 0px 25px;
	margin-left: 10px;
}
.navFocus.new-nav a.active::after,.navFocus.new-navs a.active::after{
	display: none;
}
.navFocus.new-navs a.active{
	background-color: #103784;
	color: #fff;
}
.navFocus.new-nav a.active{
	background: #fff;
	color: #103784;
	border: 1px solid #fff;
}
.navFocus a:hover {
	color: #103784;
}

.navFocus a.active {
	color: #103784;
}

.navFocus a.active::after {
	width: 60%;
	height: 4px;
	position: absolute;
	left: 20%;
	bottom: -10px;
	background: #103784;
	content: '';
}

.boxes.org {
	background: url(../images/orgBg.jpg?v=1) center center no-repeat;
	background-size: cover;
}

.singePage.center {
	text-align: center;
}

.subTitle #page li.xl-nextPage,
#page li.xl-prevPage {
	display: none;
}

#page {
	margin-bottom: 0px;
}

.boxes.homeNews {
	overflow: hidden;
}

.swiper-container.techSwiper .swiper-slide.auto .slide-inner::before {
	display: none;
}

.menu_btn {
	position: fixed;
	width: 60px;
	height: 60px;
	top: 0px;
	right: 0%;
	z-index: 50;
	background: linear-gradient(135deg, #73b42c, #1b90cd) center center no-repeat;

}
.menu_btn span {
	top: 29px;
	left: 20px;
	width: 20px;
}

.menu_btn span,
.menu_btn span:after,
.menu_btn span:before {
	position: absolute;
	height: 2px;
	background-color: #fff;
	border-radius: 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.menu_btn span:after,
.menu_btn span:before {
	content: "";
	left: 0;
	-webkit-transform: translateY(0px) rotate(0deg);
}

.menu_btn span:before {
	top: -6px;
	width: 14px;
}

.menu_btn span:after {
	top: 6px;
	width: 12px;
}

.menu_btn.active span {
	background-color: transparent;
}

.menu_btn.active span:before {
	-webkit-transform: translateY(6px) rotate(-45deg);
}

.menu_btn.active span:after {
	-webkit-transform: translateY(-6px) rotate(45deg);
}

.menu_btn.active span:after,
.menu_btn.active span:before {
	width: 20px;
}
.menu_btn {
	display: none
}

.productSwiper .swiper-pagination {
	display: none;
}

.boxC .enterBtn {
	color: #fff;
}

.boxC .enterBtn i {
	color: #fff;
}

.subTitle.in {
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.subTitle.inner {
	margin-bottom: 2vw;
}

.boxes.zlBox {
	padding-bottom: 0px;
	background: #f0f5f7;
	overflow: hidden;
}

.boxes.hisBox {
	background: center center no-repeat;
	background-size: cover;
}

.hisSwiper {
	padding: 50px 0px 0px;
}

.hisSwiper .swiper-slide {
	padding-left: 45px;
	position: relative;
	color: #fff;
}

.hisSwiper .swiper-slide .year {
	font-size: 20px;
	line-height: 1.7;
	font-family: din;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #fff;
}

.hisSwiper .swiper-pagination-progressbar {
	top: auto;
	bottom: 0px;
	background-color: rgba(255, 255, 255, .5);
}

.hisSwiper .swiper-slide .des {
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 15px;
	min-height: 69px;
}

.hisSwiper .swiper-slide .des p {
	margin-bottom: 20px;
}

.hisSwiper .swiper-slide::before {
	width: 24px;
	height: 190px;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	background: url(../images/list-yuan2.png) no-repeat;
}

.number {
	width: 100%;
	padding: 25px 0px;
}

.number ul {
	display: flex;
	justify-content: space-between;
}

.number ul li {
	width: 25%;
	position: relative;
}

.number ul li .num {
	width: 100%;
}

.number ul li .num span {
	color: #103784;
	opacity: .5;
}

.number ul li .num b {
	font-size: 60px;
	font-family: din;
	color: #103784;
}

.number ul li .txt {
	opacity: .7;
}

.singePage.sp {
	height: 0px;
	overflow: hidden;
}

.singePage.sp.active {
	height: auto;
}

.gtBox {
	background: center bottom no-repeat;
	padding-bottom: 50vh;
}



.ywBox {
	background: url(../images/pgBg.jpg) center center no-repeat;
	background-size: cover;
	padding: 0px;
}

.subTitle.cj .enterBtn {
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
}

.subTitle.cj p {
	font-size: 16px;
	
	opacity: .7;
}

.screenSwiper .swiper-slide {
	opacity: .3;
}

.screenSwiper .swiper-slide.swiper-slide-active {
	opacity: 1;
}

.screenSwiper .swiper-slide.swiper-slide-active .name {
	-webkit-transition: all .5s ease .5s;
	opacity: 1;
	bottom: 0%;
}

.screenSwiper .swiper-slide .thum::after {
	width: 100%;
	height: 40%;
	position: absolute;
	left: 0%;
	bottom: 0%;
	background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	content: '';

}

.screenSwiper .swiper-button-next,
.screenSwiper .swiper-button-prev {
	width: 50px;
	height: auto;
	line-height: 50px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
	color: #103784;
}

.screenSwiper .swiper-button-next:hover,
.screenSwiper .swiper-button-prev:hover {
	background: #103784;
	color: #fff;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 20px;
}

.subTitle.cj {
	margin-bottom: 3vw;
}

.screenSwiper .name {
	width: 100%;
	height: auto;
	position: absolute;
	padding: 25px;
	left: 0px;
	bottom: -30px;
	color: #fff;
	line-height: 1.4;
	opacity: 0;
	-webkit-transition: all .5s ease .5s;
	opacity: 1;
	bottom: 0%;
}

.screenSwiper .name b {
	display: block;
	font-size: 20px;
	margin-bottom: 5px;
}

.screenSwiper .name p {
	opacity: .7;
}

.stWords {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0%;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	font-size: 500px;
	font-family: Morganite;
	opacity: .1;
}

.standBox {
	background: url(../images/ywBg.jpg) center center no-repeat;
	background-size: cover;
	height: 80vh;
	padding: 0px;
	overflow: hidden;
}

.bzBox {
	width: 50%;
	position: absolute;
	left: 40%;
	top: 15%;
}

.bzList {
	width: 100%;
	display: flex;
	padding-top: 30px;
	flex-wrap: wrap;
}

.bzList a {
	width: 150px;
	margin-bottom: 15px;
}

.bzList a .thum {
	width: 110px;
	height: auto;
	border: 2px solid #fff;
	border-radius: 50%;
	margin: 0px auto;
}

.bzList a .txt {
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 15px;
}

.standBox .subTitle.cj {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 1.5vw;
	padding-bottom: 1.5vw;
}

.bzImg {
	width: 25%;
	height: auto;
	position: absolute;
	left: 10%;
	bottom: 0%;
}

.standBox .w1400 {
	height: 100%;
}

.zyBox {
	background: #003E6D url(../images/zyBg.jpg);
}

.screenSwiper .swiper-slide {
	-webkit-transition: all .5s;
}

.screenSwiper.ss3 .swiper-slide {
	-webkit-transition: all .5s;
	
}

.screenSwiper.ss3 .swiper-slide.swiper-slide-active {
	opacity: 1;
	-webkit-transform: scale(1);
}

.mapBox {
	background: url(../images/mapBg.jpg) center center no-repeat;
	background-size: cover;
}

.mapMain {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	direction: rtl;
}

.mapMain .mapR {
	width: 60%;
}

.mapMain .mapLeft {
	width: 40%;
}

.mapMain .citys {
	width: 100%;
	position: relative;
}

.mapMain .citys ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}
.mapMain .citys h2{
	display: block;
	width: 100%;
	font-size: 20px;
	line-height: 2;
}
.mapMain .citys ul li {
	width: calc(100% / 5);
	height: auto;
	position: relative;
	padding-left: 15px;
	line-height: 35px;
	font-size: 14px;
}

.mapMain .citys ul li::after {
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0px;
	top: 17px;
	content: '';
	background: rgba(0, 0, 0, .3);
	border-radius: 50%;

}

.cityTel {
	width: 100%;
	display: flex;
	margin-top: 25px;
}

.cityTel a {
	width: 50%;
	position: relative;
}

.cityTel a p {
	display: block;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.cityTel a p::after {
	width: 30px;
	height: 4px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #23ac38;
	content: '';
}

.cityTel a b {
	font-family: din;
	font-size: 40px;
	background: linear-gradient(to right, #23ac38, #103784);
	-webkit-background-clip: text;
	color: transparent;
}

.cgBtn {
	width: 100%;
	height: auto;
	position: relative;
	background: #f1f1f1;
	padding: 15px;
	display: flex;
	font-size: 20px;
	align-items: center;
	margin-top: 50px;
}

.cgBtn .icon {
	width: 40px;
	height: 40px;
	background: #103784;
	color: #fff;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;

}

.cgBtn i {
	font-size: 24px;
}

.cgBtn .txt {
	margin-left: 5px;
}

.lxlist {
	width: 100%;
	display: flex;
	margin-top: 15px;
	margin-bottom: 50px;
}

.lxlist p {
	width: auto;
	height: auto;
	line-height: 25px;
	padding: 10px 20px;
	border-radius: 40px;
	margin-right: 15px;
	color: #fff;
	background: #103784;
}

.boxes.b0 {
	background: #041a58 url(../images/focusBg.jpg) center bottom no-repeat;
	background-size: cover;
	padding-top: 200px;
	padding-bottom: 70px;
}

.hotFocus .swiper-slide {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	direction: rtl;
}

.hotFocus .swiper-slide .info{
	direction: initial;
}

.hotFocus .swiper-slide .thum {
	width: 50%;
	overflow: hidden;
}

.hotFocus .swiper-slide .pic {
	background: center center no-repeat;
	background-size: cover;
}

.hotFocus .swiper-slide .info {
	width: 45%;
	color: #fff;
}

.hotFocus .swiper-slide .info .title {
	font-size: 28px;
	line-height: 1.6;
	margin-bottom: 25px;
}

.hotFocus .swiper-slide .info .des {
	width: 100%;
	font-size: 16px;
	line-height: 2;
	opacity: .7;
}

.hotFocus .swiper-slide .info .more {
	width: 165px;
	height: auto;
	background: transparent;
	border: 1px solid #fff;
	position: relative;
	display: block;
	line-height: 43px;
	text-align: center;
	color: #fff;
	margin-top: 5vw;
}

.hotFocus .swiper-slide .info .more:hover {
	background: #fff;
	color: #002450;
}

.hotFocus {
	padding-bottom: 50px;
}

.hotFocus .swiper-pagination-bullet-active {
	background: #fff;
}

.hotFocus .swiper-pagination {
	text-align: left;
}

.detail_page .singePage img {
	display: inline-block;
	width: 50%;
}

.soluSwiper {
	width: 100%;
	height: 80vh;
}

.soluSwiper .swiper-slide {
	background: center center no-repeat;
	background-size: cover;
}

.soluSwiper .slogan {
	top: 80%;
}

.soluSwiper .swiper-slide .name {
	color: #fff;
	width: auto;
	position: absolute;
	left: 10vw;
	top: 50%;
}

.soluSwiper .swiper-slide .name b {
	display: block;
	font-size: 30px;
	font-weight: normal;
}

.soluSwiper .swiper-slide .name p {
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
}

.soluSwiper .swiper-pagination {
	top: auto;
	bottom: auto;
	text-align: right;
	right: 2%;
	left: auto;
	color: #fff;
	font-family: din;
	font-size: 30px;
	bottom: 5%;
}

.soluSwiper .swiper-button-next,
.soluSwiper .swiper-button-prev {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	z-index: 10;
}

.soluSwiper .swiper-button-prev {
	left: 0%;
}

.soluSwiper .swiper-button-next {
	right: 0%;
	-webkit-animation: nextAnimate 2s infinite ease;
}

@-webkit-keyframes nextAnimate {

	0%,
	100% {
		-webkit-transform: translateX(0px);
	}

	50% {
		-webkit-transform: translateX(-10px);
	}
}

.soluSwiper .swiper-button-next.swiper-button-disabled,
.soluSwiper .swiper-button-prev.swiper-button-disabled {
	display: none;
}

.boxes.solutionBox {
	height: auto;
	background: url(../images/solutionBg.jpg) center center no-repeat;
	background-size: cover;
	padding: 70px 0px 180px;
}

.soluCase {
	width: 550px;
	height: 550px;
	position: relative;
	margin: 50px auto 0px;
	border-radius: 50%;
	
	color: #fff;
}

.soluCase::before{
	width: 550px;
	height: 550px;
	position: absolute;
	left: 50%;
	top: 50%;
	border: 1px dashed #FFFFFF;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	content: '';
	-webkit-animation: sysAnimate 50s linear infinite;
}

@-webkit-keyframes sysAnimate{
	from{
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
	}
	to{
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
	}
}

.soluCase.six {
	margin-top: 130px;
}

.soluCase ul li {
	position: absolute;
	width: 350px;
	height: auto;
	display: flex;
	align-items: center;
}

.soluCase ul li .num {
	font-family: din;
	font-size: 38px;
	width: 40px;
	line-height: 1;
	text-align: center;
}

.soluCase ul li .txt {
	width: calc(100% - 50px);
	margin-right: 10px;
	direction: initial;
}

.soluCase ul li .txt b {
	font-size: 20px;
	display: block;
	margin-bottom: 5px;
}

.soluCase ul li .txt p {
	opacity: .7;
	line-height: 1.6;
}

.soluCase ul li:nth-child(6) .txt {
	font-size: 12px;
}

.soluCase ul li:nth-child(1) {
	left: -331px;
	top: 100px;
	direction: rtl;
	text-align: right;
}

.soluCase ul li::after {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	content: '';
	background: #fff;
	border-radius: 50%;
	right: -20px;
}

.soluCase .thum {
	width: 450px;
	height: auto;
	position: absolute;
	left: 50%;
	border-radius: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
}


.soluCase ul li:nth-child(3) {
	left: -341px;
	top: 350px;
	direction: rtl;
	text-align: right;
}

.soluCase ul li:nth-child(5) {
	left: 50%;
	-webkit-transform: translateX(-50%);
	top: 573px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}

.soluCase ul li:nth-child(5)::after {
	top: -22px;
	left: 50%;
	margin-left: -5px;

}

.soluCase ul li:nth-child(5) .num {
	width: 100%;
}

.soluCase ul li:nth-child(5) .txt {
	margin-right: 0%;
	width: 100%;
}

.soluCase ul li:nth-child(4) {
	right: -341px;
	top: 350px;
}

.soluCase ul li:nth-child(4) .txt,
.soluCase ul li:nth-child(2) .txt {
	margin-right: 0%;
	margin-left: 10px;
}

.soluCase ul li:nth-child(2) {
	right: -331px;
	top: 100px;
}

.soluCase ul li:nth-child(2)::after,
.soluCase ul li:nth-child(4)::after {
	right: 0%;
	left: -20px;
}

.soluCase ul li:nth-child(6) {
	left: 50%;
	-webkit-transform: translateX(-50%);
	bottom: 558px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}

.soluCase ul li:nth-child(6) .num {
	width: 100%;
}

.soluCase ul li:nth-child(6) .txt {
	width: 100%;
	margin-right: 0px;
}

.soluCase ul li:nth-child(6)::after {
	bottom: -14px;
	left: 50%;
	margin-left: -5px;
	top: auto;
}



.productBox {
	display: flex;
	justify-content: flex-end;
}

.productBox .pImg {
	width: 50%;
	position: relative;
	background: center center no-repeat;
	background-size: contain;
}

.pNav {
	width: auto;
	height: auto;
	position: absolute;
	left: 0%;
	top: 50%;
	-webkit-transform: translateY(-50%);
}

.pNav a {
	display: block;
	height: auto;
	line-height: 50px;
	font-size: 16px;
	-webkit-transition: all .35s;
	opacity: .7;
	text-transform: uppercase;
}

.pNav a.active {
	font-size: 24px;
	opacity: 1;
}

.words {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	text-align: center;
	font-size: 210px;
	text-transform: uppercase;
	font-family: din;
	opacity: .05;

}

.wordList {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
}

.wordList ul,
.wordList ul li {
	position: absolute;
	width: 100%;
	height: 100%;
}

.newsWords {
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-transform: uppercase;
	font-family: Morganite;
	color: #23ac38;
	font-size: 25vw;
	opacity: .1;
	line-height: 1;
}

.wordList ul li {
	opacity: 0;
	display: flex;
	font-size: 25vw;
	text-transform: uppercase;
	font-family: Morganite;
	height: 0px;
	overflow: hidden;
	top: 50%;
	-webkit-transform: translateY(-50%);
	background: linear-gradient(180deg, #23ac38, #103784);

	-webkit-background-clip: text;
	color: transparent;
	width: 400vw;
	line-height: 25vw;
	height: 25vw;
}

.wordList ul li.active {
	opacity: 1;
	
}

.wordList ul li .wl {
	width: 100vw;
	text-align: center;
}

.jjfa {
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translate(-50%, -30%);
}

.jjfa_content {position: absolute;	top: 40%; width:100%}
.jjfa_content ul {}
.jjfa_content ul li{ float:left; width:29.333%; text-align:center; margin:0 2%;}
.jjfa_content ul li .img { text-align:center;}
.jjfa_content ul li .img img { border-radius:100%; width:100%; height:auto; padding:15px 35px;}
.jjfa_content ul li .img .taxt{ position:relative; top:-285px; padding:25px 55px; font-size:16px; color:#FFF; line-height:35px;} 

.jjfa_content ul li .icon {  float:left;width:45px; height:45px; margin-left:85px;}
.jjfa_content ul li .txt{ float:left; line-height:45px; padding-left:15px; font-size:22px;}

.ywTitle {
	position: relative;
}

.ywTitle ul {
	height: 120px;
	position: relative;
}

.ywTitle ul li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.ywTitle .t {
	position: relative;
	display: flex;
	overflow: hidden;
	align-items: center;
	margin-bottom: 10px;
}

.ywTitle .name {
	display: block;
	width: calc(100% - 100px);
	height: 30px;
	position: relative;
	overflow: hidden;
	margin-left: 0px;
}

.ywTitle .name .names {
	position: relative;
}

.ywTitle .name p {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #103784;
}

.ywTitle .t .num {
	width: 55px;
	height: 70px;
	position: relative;
	line-height: 70px;
	color: #103784;
}

.ywTitle .t .num span {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	font-family: Morganite;
	font-size: 55px;
}

.ywTitle .t .icon {
	width: 30px;
	height: 30px;
	background: transparent;
	color: #103784;
	line-height: 30px;

	overflow: hidden;
	border-radius: 50%;
}

.ywTitle .t .icon i:first-child,
.ywTitle .t .num span:first-child,
.ywTitle .name .names:first-child {
	-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
}

.ywTitle .name .names:first-child {
	-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1) .05s;
}

.ywTitle .t .icon i {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	font-size: 24px;
}

.jjfa .singePage {
	width: 50%;
	margin-bottom: 29vw;
	position: relative;
	top: 5vw;
}

.ywTitle .b{
	display: block;
	width: 35%;
	min-height: 72px;
	position: relative;
}

.ywTitle .b .li{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 15px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .65s;
	flex-wrap: wrap;
	display: flex;
}
.ywTitle .b .li a{
	display: block;
	width: auto;
	height: auto;
	padding: 5px 15px;
	font-size: 16px;
	color: #103784;
	border: 1px solid #103784;
	border-radius: 40px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.ywTitle .b .li a:hover{
	background-color: #103784;
	color: #fff;
}

.ywTitle .b .li.active{
	top: 0px;
	opacity: 1;
	visibility: visible;
}

.jjfa .singePage b{
	width: 100%;
	display: block;
	position: relative;
	font-size: 30px;
	color: #103784;
	line-height: 2;
}

.jjGerlly {
	width: 500px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	border-radius: 50%;
	z-index: 10;
}

.tzTitle {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 50px;
}

.tzTitle b {
	font-size: 30px;
	line-height: 1.6;
	display: block;
}

.tzTitle p {
	font-size: 16px;
}

.tzTitle.center{
	text-align: center;
	position: relative;
}

.tzTitle.center b{
	display: block;
	color: #103784;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}

.tzTitle.center b::after{
	width: 40px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 0px;
	content: '';
	background: #103784;
}

.xqTitle.s1 {
	color: #d3862c;
}
.xqTitle{
	height: 60px;
}
.xqTitle b{
	display: block;
	height: auto;
	
}

.tzlist {
	width: 50%;
	display: flex;
	margin-bottom: 50px;
}

.tzlist ul li {
	width: 100%;
	position: relative;
	padding-left: 10px;
	border-left: 5px solid #063979;
	margin-bottom: 25px;
}

.tzlist ul li .des {
	font-size: 14px;
	opacity: .4;
}

.tzlist ul li .txt {
	width: 100%;
	font-size: 40px;
	font-family: Morganite;
	line-height: 1;
	color: #063979;
}

.tzBox {
	background: #f0f5f7 url(../images/tzbg.jpg?v=1) center center no-repeat;
	padding: 10vw 0px;
}

.hdy {
	width: 406px;
	height: auto;
	position: relative;
	display: block;
}

.xqTitle.s2 {
	color: #23ac38;
}

.xqTitle.s2 .navFocus a.active,
.xqTitle.s2 .navFocus a:hover {
	color: #23ac38;
}

.xqTitle.s1 .navFocus a.active,
.xqTitle.s1 .navFocus a:hover {
	color: #d3862c;
}

.xqTitle.s2 .navFocus a.active::after {
	background: #23ac38;
}

.xqTitle.s1 .navFocus a.active::after {
	background: #d3862c;
}



.jjGerllyThum {
	overflow: hidden;
	width: 500px;
	position: relative;
	height: auto;
	border-radius: 50%;
}

.jjGerllyThum .maskBall {
	width: 500px;
	height: 1200px;
	position: absolute;
	left: 0px;
	background: linear-gradient(135deg, #23ac38, #103784);
	top: 600px;
	border-radius: 600px;
}

.jjGerlly .jjGerllyThum .thum {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .05);
}

.jjGerlly .jjGerllyThum .pic {
	-webkit-transition: all 0s;
}


.jjGerlly .gerlly {
	width: auto;
	height: 80px;
	position: absolute;
	left: 50%;
	z-index: 5;
	bottom: -95px;
}

.jjGerlly .gerlly .thum {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transform: scale(0.8);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .05);
	-webkit-transition: all 0.5s cubic-bezier(.23, 1, .32, 1);
	border: 3px solid #fff;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
}

.jjGerlly .gerlly .thum.active {
	-webkit-transform: scale(1.2);
	border-color: #20a03f;
}


@-webkit-keyframes scaleAnimate {
	from {
		-webkit-transform: scale(1);
		opacity: 0.5;
	}

	to {
		-webkit-transform: scale(1.3);
		opacity: 0;
	}
}

.jjGerlly .gerlly .thum:nth-child(2) {
	left: 100px;
	top: -35px;
}

.jjGerlly .gerlly .thum:nth-child(3) {
	left: 175px;
	top: -93px;
}

.jjfa .enterBtn {
	position: absolute;
	right: 5%;
	top: 5vw;
}

.banner .swiper-pagination-bullet {
	background-color: #fff;
	border-radius: 5px;
	-webkit-transition: all .5s;
	width: 10px;
	opacity: .5;
}

.banner .swiper-pagination-bullet-active {
	opacity: 1;
	width: 20px;
	background: #fff;
}

.cullist {
	color: #23ac38;
}

.cullist ul li {
	display: flex;
	flex-wrap: wrap;
	font-size: 16px;
}

.boxes.introBox::before {
	width: 80%;
	position: absolute;
	right: 20%;
	top: 0%;
	height: 100%;
	content: '';
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.cullist ul li .icon {
	width: 40px;
	height: auto;
	line-height: 50px;
	font-size: 24px;
}

.cullist ul li .txt {
	width: calc(100% - 40px);
	line-height: 30px;
	padding: 10px 0px;
}

.borderBottom {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.loadBox{
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0%;
	top: 0%;
	background: #fff;
	z-index: 10;
	-webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1) .3s;
}
.loadBox.active{
	top: -100vh;
}

.loadLogo{
	width: 300px;
	height: auto;
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	margin-top: -46px;
}
.loadLogo span{
	display: block;
	width: 100%;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color: #103784;
	font-family: 'Morganite';
	font-size: 24px;
}
.lineL,.lineR{
	width: 46%;
	height: 1px;
	position: absolute;
	top: 45%;
	margin-top: 45px;
}
.lineL span,.lineR span{
	width: 0%;
	height: 1px;
	position: absolute;
	top: 0px;
	background: #103784;
	display: block;
}
.lineR{
	right: 0%;
}
.lineR span{
	right: 0px;
}

.spName{
	width: 100%;
	text-align: center;
	font-size: 30px;
	position: relative;
	padding: 25px 0px;
	line-height: 2;
	color: #24ab37;
	font-weight: bold;
	margin-bottom: 15px;
}
.spName.w{
	color: #fff;
	padding-top: 0px;
}
.spName.w::after{
	background: #fff;
}
.hotList ul{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid rgba(0,0,0,.05);
	border-left: 1px solid rgba(0,0,0,.05);
}
.hotList ul li {
	width: 25%;
	padding: 20px;
	background: #fff;
	position: relative;
	border: 1px solid rgba(0,0,0,.05);
	border-top: none;
	border-left: none;
}

.hotList ul li .pic{
	background-size: contain;
}

.hotList ul li .show{
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
	opacity: 0;
	-webkit-transition: all .5s;
}

.hotList ul li .show:hover{
	background: #103784;
	color: #fff;
}

.hotList ul li:hover .show{
	opacity: 1;
}

.pzSwiper{
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.swiper-pagination-bullet-active{
	background: #103784;
}
.xdBox{
	display: flex;
	justify-content: space-between;
	padding: 50px 0px 0px;
	align-items: center;
}

.xdBox .tzTitle{
	color: #103784;
	padding-bottom: 10px;
	margin-bottom: 100px;
}
.czBox{
	width: 900px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	background: #fff;
	padding: 50px;
	
}

.czBox .title{
	font-size: 24px;
	line-height: 2;
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin-bottom: 25px;
	padding-bottom: 10px;
}

.czBox .title a{
	width: 100px;
	height: auto;
	line-height: 32px;
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	border: 1px solid #103784;
	text-align: center;
	display: block;
	cursor: pointer;
	font-size: 14px;
	color: #103784;
	border-radius: 40px;
}
.czBox .title a:hover{
	background-color: #103784;
	color: #fff;
}

.czList{
	width: 100%;
	font-size: 16px;
	line-height: 2;
}
.czList ul{
	display: flex;
	flex-wrap: wrap;
}
.czList ul li{
	font-size: 16px;
	line-height: 2;
	margin-right: 15px;
	margin-bottom: 10px;
}
.xdBox .tzTitle::after{
	width: 30px;
	height: 3px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	background: #103784;
}
.singePage .enterBtn p{
	margin-bottom: 0px;
}
.xdBox .tzTitle b{
	line-height: 1.2;
}
.xdBox .tzTitle p{
	color: #3e3e3e;
	margin-top: 5px;
}
.xdBox .xdL{
	width: calc(100% - 700px);
}
.xdBox .xdR{
	width: 655px;
}
.spName::after{
	width: 30px;
	height: 3px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 20px;
	content: '';
	background: #24ab37;
}

.hotList ul li .name{
	font-size: 14px;
	text-align: center;
	line-height: 2;
	padding: 10px 0px;
}
.pzSwiper .name{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	padding: 15px 25px;
	text-align: center;
	color: #fff;
	width: 100%;
	font-size: 14px;
}
@media screen and (max-width: 1365px) {
	.nav ul li a{
		padding: 0px 15px;
	}
}

.boxes.fwBox{
	background: linear-gradient( 135deg, #72b32f, #1b90cd, #72b32f, #1b90cd) left center/400% 400%;
}
@-webkit-keyframes move {
  0%,
	100% {
    background-position-x: left;
  }
  50% {
    background-position-x: right;
  }
}
.overseas-info{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.overseas-info .overseas-item{
	width: 25%;
	position: relative;
	color: #fff;
	padding-left: 5%;
}
.overseas-info .overseas-item::after{
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0px;
	content: '';
	background: #fff;
	top: 0%;
	opacity: .5;
}
.overseas-info .overseas-item:last-child::after{
	display: none;
}
.overseas-info .overseas-item p{
	font-size: 14px;
	padding: 10px 0px;
	line-height: 2;
	padding-top: 0%;
}
.hzkh{
	width: 100%;
	background: #fff;
}
.hzkh .names{
	width: 100%;
	height: auto;
	border: 1px solid #ebf8ee;
}
.hzkh .names .title{
	width: 100%;
	height: auto;
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
	background: #ebf8ee;
	padding-left: 25px;

}
.hzkh .names ul{
	padding: 25px;
	display: flex;
	flex-wrap: wrap;
}
.hzkh .names ul li{
	width: 16%;
	margin-right: 0.8%;
	margin-bottom: 15px;
}
.hzkh .names ul li:nth-child(6n){
	margin-right: 0%;
}
.hzkh .names ul li .name{
	width: 100%;
	text-align: center;
	line-height: 1.4;
	padding: 10px 0px;
	opacity: .7;
	font-size: 12px;
}
.hzkh .names ul li .thum{
	border: 1px solid rgba(0,0,0,.05);
}
.lzBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	direction: rtl;
	align-items: center;
}
.lzR{
	width: 60%;
	
}
.lzL{
	width: 38%;
	direction: initial;
}
.lzLBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lzLBox p{
	width: 48%;
	line-height: 1.4;
	padding: 12px 15px;
	border: 1px solid rgba(0,0,0,.1);
	margin-bottom: 10px;
	text-align: center;
	border-radius: 50px;
}
.singePage.widthAuto img{
	display: inline-block;
	max-width: auto;
}
.infoSwiper .swiper-wrapper{
	flex-wrap: wrap;
	justify-content: space-between;
}

.infoSwiper .swiper-slide{
	width: 49%;
	margin-bottom: 25px;
}
.screenSwiper .swiper-slide:hover .pic{
	-webkit-transform: scale(1.05);
}
.infoSwiper .swiper-slide.swiper-slide-active .name{
	-webkit-transition: all .5s ease 0s;
}
.infoSwiper .swiper-slide.swiper-slide-active .name p{
	min-height: 38px;
}
.infoSwiper .swiper-slide:hover .name{
	background: #103784;
	color: #fff;
}

.infoSwiper.green .swiper-slide:hover .name{
	background: #20a03f;
	color: #fff;
}

.infoSwiper.orange .swiper-slide:hover .name{
	background: #d3862c;
	color: #fff;
}

.hisBox .swiper-button-next,.hisBox .swiper-button-prev{
	width: 50px;
	height: 50px;
	background: #20a03f;
	color: #fff;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin-top: 0px;
	line-height: 50px;
	text-align: center;
}
.buttonDiv{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	padding-left: 45px;
	justify-content: flex-end;
}
.hisBox .swiper-button-next{
	margin-left: 15px;
}

.hisBox .swiper-button-next.swiper-button-disabled,.hisBox .swiper-button-prev.swiper-button-disabled{
	display: block;
}
.curtureList {
	width: 100%;
}

.curtureList ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.curtureList ul li {
	width: 23.5%;
	padding: 50px 25px;
	border: 1px solid rgba(0, 0, 0, .05);
	-webkit-transition: all .5s;
}

.curtureList ul li:hover {
	box-shadow: 0px 0px 50px rgba(0, 0, 0, .1);
}

.curtureList ul li .en {
	width: 100%;
	font-size: 30px;
	font-family: LaoMN;
	opacity: .3;
	line-height: 1.2;
}

.curtureList ul li .title {
	font-size: 24px;
	position: relative;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: center;
	margin: 0px 0px 15px;
	border-bottom: 1px solid rgba(0,0,0,.05);
	padding-bottom: 15px;
}


.curtureList ul li .title span {
	display: block;
	width: 100%;
	text-transform: uppercase;
	height: 45px;
	font-family: akrobatblack;
	opacity: .3
}

.curtureList ul li .title p {
	position: relative;
	width: 100%;
	font-weight: 700;
}

.curtureList ul li .Introduction {
	color: #3e3e3e;
	font-size: 16px;
	line-height: 2;
	min-height: 130px;
	margin-bottom: 50px;
}

.curtureList ul li .icon {
	width: 100%;
	height: auto;
	font-size: 60px;
	line-height: 1;
}
.w .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #fff;
}
.swiper-container.fine,
.swiper-container.foods {

}

.swiper-container.fine.fine1 .swiper-wrapper{
	flex-wrap: wrap;
}
.swiper-container.fine.fine1 .swiper-wrapper .swiper-slide{
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 10px;
}

.swiper-container.fine.fine1 .swiper-wrapper .swiper-slide:nth-child(4n){
	margin-right: 0%;
}

.swiper-container.fine .pic,
.swiper-container.foods .pic {
	background: center center no-repeat;
	background-size: cover;
}

.swiper-container.fine .name,
.swiper-container.foods .name {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .8) 100%);
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	position: absolute;
	left: 0px;
	text-align: center;
	width: 100%;
	bottom: 0px;
}



.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	top: auto;
	bottom: 0px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #103784;
}

.swiper-container.fine .swiper-slide{
	overflow: hidden;
}
.swiper-container.fine .swiper-slide:hover .pic{
	-webkit-transform: scale(1.05);
}

.swiper-container.fine .swiper-button-next,.swiper-container.fine .swiper-button-prev{
	width: 50px;
	height: 50px;
	background: #20a03f;
	color: #fff;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin-top: 0px;
	line-height: 50px;
	text-align: center;
}

.swiper-container.fine .swiper-button-next,.swiper-container.fine .swiper-button-prev{
	
}
.swiper-container.fine .swiper-button-next{
	margin-left: 15px;
}

.swiper-container.fine .swiper-button-next.swiper-button-disabled,.swiper-container.fine .swiper-button-prev.swiper-button-disabled{
	display: block;
}
.swiper-container.fine .title{
	font-size: 14px;
	line-height: 1.4;
	padding: 10px 20px;
	text-align: center;
	background: #f9f9f9;
	min-height: 58px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.jbox{
	background: url(../images/rencai.jpg?v=2) center center no-repeat;
	background-size: cover;
}
.tupian{
	width: 620px;
}

.jtNav {
	width: 100%;
	
}

.jtNav ul {
	display: flex;
	justify-content: center;
}

.jtNav ul li {
	width: 32%;
	height: auto;
	line-height: 1.6;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	text-align: center;
	margin: 0px 10px;
	padding: 25px 0px;
	border-radius: 100px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);
}

.jtNav ul li b {
	width: 100%;
	display: block;
	font-size: 20px;
}

.jtNav ul li p {
	font-size: 14px;
	opacity: .7;
	font-weight: normal;
}

.jtNav ul li:hover,
.jtNav ul li.active {
	background: #bb2f31;
	color: #fff;
}
.laberBox ul li {
	width: 100%;
	text-align: center;
	line-height: 55px;
	overflow: hidden;
	position: relative
}

.laberBox ul li>div:nth-child(1) {
	width: 22%
}

.laberBox ul li>div {
	width: 26%;
	float: left;
	position: relative
}

.laberBox ul li {
	background: #23ac38;
	font-size: 18px;
	color: #fff
}

.laberBox {
	margin-top: 35px;
}

.laberBox ol {
	width: 100%;
	background: #fff;
	display: none;
}

.laberBox ol.active {
	display: block;
}

.laberBox ol li {
	height: 56px;
	line-height: 55px;
	text-align: center;
	position: relative;
	cursor: pointer;
	transition: all .5s;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.laberBox ol li:hover{
	background-color: rgba(35,172,56,.05);
}
.laberBox ol li>div:nth-child(1) {
	width: 22%
}

.laberBox ol li>div {
	width: 26%;
	float: left;
	position: relative
}
.laberBox{
	border: 1px solid rgba(0, 0, 0, .05);
	border-bottom: none;
}
.lightBox .tet-box {
	position: absolute;
	background: #fff;
	left: 50%;
	width: 1000px;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 8
}

.lightBox .tittle {
	line-height: 35px;
	padding: 15px;
	background: #103784;
	color: #fff;
	font-weight: 900;
	font-size: 20px;
	height: 65px;
}

.lightBox .summary-join {
	padding: 15px;
	height: 500px;
	overflow-y: auto;
	font-size: 16px;
	line-height: 2;
}

.lightBox .close {
	width: 80px;
	height: 40px;
	position: absolute;
	right: 15px;
	top: 12.5px;
	background: #fff;
	color: #103784;
	cursor: pointer;
	border-radius: 50px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}

.lightBox .close:hover {
	background: #103784;
	color: #fff;
}
.joinIcon {
	display: block;
	margin-bottom: 50px;
}

.joinIcon ul {
	display: flex;
	justify-content: space-between;
}

.joinIcon ul li {
	width: calc(100% / 6);
	position: relative;
	text-align: center;
	color: #fff;
}

.joinIcon ul li .icon {
	width: 70px;
	height: 70px;
	margin: 0px auto;
	line-height: 70px;
	text-align: center;
	font-size: 40px;
	position: relative;
}

.joinIcon ul li::after {
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0px;
	bottom: 0%;
	background-color: rgba(255, 255, 255, .1);
	content: '';
	display: block;
}

.joinIcon ul li .txt {
	width: 100%;
	font-size: 16px;
	margin-top: 10px;
}
.joinList .swiper-slide {
	width: 32%;
	position: relative;
	height: 380px;
	margin-right: 2%;
	margin-bottom: 25px;
	background: #fff;
	cursor: pointer;
	padding: 50px 25px;
	border-radius: 30px 0px 30px 0px;
}

.joinList .swiper-slide:nth-child(3n){
	margin-right: 0%;
}

.joinList{
	height: 0px;
	overflow: hidden;
}
.joinList .swiper-wrapper{
	flex-wrap: wrap;
}
.joinList.active{
	height: auto;
	padding-bottom: 50px;
}
.jboxs{
	padding-bottom: 50px;
}

.joinList .swiper-slide .title {
	font-size: 22px;
	line-height: 1.4;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 10px;
	min-height: 46px;
	font-weight: bold;
	
}

.joinList .swiper-slide .title::after {
	width: 15%;
	height: 2px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	background: #20a03f;
	-webkit-transition: all .5s;
}
.joinList .swiper-slide:hover .title{
	color: #20a03f;
}
.joinList .swiper-slide:hover .title::after{
	width: 100%;
}
.joinList .swiper-slide .des {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 2;
	height: 200px;
	overflow: hidden;
}


.bg8{
	background: url(../images/bg8.jpg?v=1) center center no-repeat;
	background-size: cover;
}

.joinIcon ul li:last-child::after{
	display: none;
}

.hotTle{
	width: 35px;
	height: 35px;
	position: relative;
	margin-left: 15px;
	color: #fff;
	text-align: center;
	line-height: 35px;
	border-radius: 50px;
	cursor: pointer;
	-webkit-transition: all .35s;

	background: linear-gradient( 135deg, #73b42c, #1b90cd) center center no-repeat;
}
.hotTle .icon{
	width: 35px;
	height: 35px;
	position: absolute;
	right: 0%;
	border-radius: 50%;
	font-size: 20px;
	z-index: 5;
}
.hotTle .txt{
	width: 0px;
	height: 35px;
	
	position: absolute;
	right: 10px;
	top: 0px;
	border-radius: 35px 0px 0px 35px;
	-webkit-transition: all .35s;
	overflow: hidden;
}
.hotTle .txt span{
	display: block;
	position: absolute;
	width: 140px;
	left: 0px;
	top: 0px;
}
.hotTle:hover{
	width: 140px;
}
.hotTle:hover .txt{
	width: 140px;
}

.soDiv{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.soDiv .so{
	width: 45%;
}
.soDiv .so img{
	width: 100%;
}
.soDiv .so p{
	display: block;
	width: 100%;
}
.jjGerlly .jjGerllyThum .pic::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: rgba(0,0,0,.4);
	content: '';
}
.nro{
	width: 100%;
	height: 250px;
	position: absolute;
	top: 55%;
	-webkit-transform: translateY(-50%);
}

.nro ul li{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	text-align: center;
	color: #fff;
	min-height: 250px;
	-webkit-transition: all .35s .5s;
	
}
.nro ul li.active{
	opacity: 1;
	visibility: visible;
}
.nro ul li .name{
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 35px;
}

.nro ul li .des{
	width: 100%;
	height: auto;
	display: block;
	min-height: 175px;
}

.nro ul li .des a{
	width: 220px;
	height: auto;
	line-height: 45px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	display: block;
	font-size: 16px;
	margin: 0px auto;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .5s;
}
.nro ul li .des a p{
	position: relative;
}
.nro ul li .des a::before{
	width: 0px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	content: '';
	background: #fff;
	opacity: 0;
	border-radius: 50px;
	-webkit-transition:all 1s cubic-bezier(.23,1,.32,1)
}
.nro ul li .des a:hover{
	color: #063979;
}
.nro ul li .des a:hover::before{
	/* background: #fff;
	color: #063979; */
	opacity: 1;
	width: 100%;
	-webkit-transform: translate(-50%, -50%) scale(1.2);
}


.xzj{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(250px);
}
.xzj ul{
	display: flex;
	justify-content: space-between;
}
.xzj ul li{
	width: 25%;
	text-align: center;
}
.xzj ul li:nth-child(2){
	width: 40%;
}
.xzj ul li .name{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
}
.xzj ul li .name .icon{
	width: 60px;
	height: 60px;
	position: relative;
	line-height: 60px;
	text-align: center;
	font-size: 32px;
}
.xzj ul li:nth-child(1) .name .icon{
	color: #e69b30;
}
.xzj ul li:nth-child(2) .name .icon{
	color: #063979;
}
.xzj ul li:nth-child(3) .name .icon{
	color: #40c47c;
}
.xzj ul li .name .txt{
	font-size: 24px;
	line-height: 2;
	position: relative;
}
.xzj ul li .name .txt::after{
	width: 0%;
	height: 3px;
	position: absolute;
	left: 0%;
	bottom: 0%;
	content: '';
	background: linear-gradient(90deg, #23ac38, #103784);
	-webkit-transition: all .5s;
}
.xzj ul li.active .name .txt::after{
	width: 100%;
}
.xzj ul li .des{
	width: 100%;
	justify-content: center;
}
.mapMain .mapLeft{
	direction: initial;
}
.xzj ul li .des a{
	padding-left: 7px;
	margin-right: 15px;
	position: relative;
	line-height: 2;
	font-size: 16px;
}
.xzj ul li .des a::after{
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0%;
	margin-left: -3px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	content: '';
	background: #063979;
	border-radius: 50%;
}
.pc-show{
	display: block;
}
.my-box,.my-inner,.pc-hide{
	display: none;
}
.fade-up{
	opacity: 0;
	-webkit-transition: all 1s;
	-webkit-transform: translateY(25px);
}
.saceIn{
	opacity: 0;
	-webkit-transition: all 1s;
	-webkit-transform: scale(2);
}
.delay-1{
	-webkit-transition-delay: .2s;
}
.delay-2{
	-webkit-transition-delay: .4s;
}
.delay-3{
	-webkit-transition-delay: .6s;
}
.delay-4{
	-webkit-transition-delay: .8s;
}
.delay-5{
	-webkit-transition-delay: 1s;
}
.delay-6{
	-webkit-transition-delay: 1.2s;
}
.delay-7{
	-webkit-transition-delay: 1.4s;
}
.delay-8{
	-webkit-transition-delay: .1.6s;
}
.swiper-slide-active .fade-up{
	opacity: 1;
	-webkit-transform: translateY(0px);
}
.swiper-slide-active .saceIn{
	opacity: 1;
	-webkit-transform: scale(1);
}
.navigator{
	display: none;
}

.map-1{
	display: none;
}

@media screen and (max-width: 1400px) {
	.soluSwiper .swiper-slide .name{
		width: 30vw;
	}
	.jjGerlly,.jjGerllyThum{
		width: 350px;
	}
	.nro ul li .name{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.nro ul li .des a{
		width: 180px;
		line-height: 40px;
		margin-bottom: 5px;
	}
	.nro{
		height: 200px;
	}
	.xzj{
		-webkit-transform: translateY(200px);
	}
	.xzj ul li .name .txt{
		font-size: 20px;
	}
	.xzj ul li .name .icon{
		width: 50px;
		height: 50px;
		font-size: 26px;
		line-height: 50px;
	}
	.xzj ul li .des a{
		font-size: 14px;
	}
	.conAddress ul li .des{
		font-size: 14px;
		line-height: 2;
	}
	.singePage {
	    width: 100%;
	    line-height: 2;
	    font-size: 14px;
	}
	.tzBox{
		padding: 5vw 0px;
		    background-size: contain;
	}
	.footerTop .socals b{
		font-size: 30px;
	}
	.nav ul li a{
		padding: 0px 10px;
	}
}
@media screen and (max-width: 1365px) {
	.nav ul li a{
		padding: 0px 5px;
	}
	.gpdm{
		width: 140px;
	}
}

@media screen and (max-width: 1024px) {
	.logo{
		width: 155px;
	}
	.gpdm {
	    width: 120px;
		font-size: 12px;
	}
	.nav{
		padding-right: 40px;
	}
	.header::after{
		right: 50px;
	}
	.langueBtn{
		width: 50px;
	}
	.hotTle{
		margin-left: 5px;
	}
	.nav ul li a{
		font-size: 14px;
	}
	.homeSwiper>.swiper-pagination{
		right: 12.5px;
	}
}
@media screen and (max-width: 768px) {
	.header::after{
		display: none;
	}
	.header {
	    height: 60px;
	    padding: 0px;
	    position: fixed;
	    background: #fff;
	    z-index: 500;
	    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
		top: 0px;
	}
	.nav {
	    opacity: 0;
	    visibility: hidden;
	    height: calc(100vh - 60px);
	    position: fixed;
	    left: 0;
	    top: 60px;
	    display: block;
	    width: 100%;
	    background: #202679;
		display: none;
	}
	.menu_btn {
	    display: block;
	}
	.navBar{
		display: none;
	}

	.homeSwiper{
		height: calc(100vh - 60px);
		top: 60px;
	}
	.homeSwiper>.swiper-wrapper>.swiper-slide{
		height: calc(100vh - 60px);
	}
	.jjfa{
		display: none;
	}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 4px;
	}
	.banner .swiper-pagination-bullet{
		width: 7px;
		height: 7px;
	}
	.my-box{
		display: block;
		padding: 0px 0px;
		position: relative;
		top: 0%;
		-webkit-transform: translateY(0%);
		height: calc(100vh - 60px);
		background: url(../images/j-bg.jpg?v=1)  center bottom no-repeat;
		background-size: cover;
	}
	
	.my-box .subTitle{
		position: absolute;
		top: 10%;
		z-index: 10;
		color: #fff;
	}
	.mySwiper.swiper-container-horizontal>.swiper-pagination-bullets,.mySwiper .swiper-pagination-custom,.mySwiper .swiper-pagination-fraction{
		bottom: 15%;
		display: none;
	}
	.word-bg{
		width: 100%;
		position: absolute;
		left: 0%;
		top: 0%;
		opacity: 1;
		background: center center no-repeat;
		background-size: cover;
		height: 100%;
	}
	.my-tips{
		width: 80px;
		height: 80px;
		position: absolute;
		left: 50%;
		background: rgba(0,0,0,.3);
		border-radius: 50%;
		margin-left: -40px;
		bottom: 5%;
		display: none;
	}
	.my-tips img{
		width: 40px;
		height: 40px;
		margin-left: 20px;
		margin-top: 20px;
		-webkit-transform-origin: center bottom;
		-webkit-animation: imgAnimate 1.5s infinite linear;
	}
	
	@-webkit-keyframes imgAnimate{
		0%{
			-webkit-transform: rotate(30deg);
			opacity: 0;
		}
		50%{
			-webkit-transform: rotate(0deg);
			opacity: 1;
		}
		100%{
			-webkit-transform: rotate(-30deg);
			opacity: 0;
		}
	}
	
	.my-box .enterBtn{
		display: none;
	}
	.mySwiper{
		width: 100%;
		height: calc(100vh - 60px);
		margin-top: 0px;
	}
	.cityTel a{
		width: 100%;
	}
	.subTitle{
		font-size: 24px;
	}
	.subTitle.c{
		text-align: center;
	}
	.wordList{
		display: none;
	}
	
	.my-name{
		position: absolute;
		top: 6%;
		width: 100%;
		text-align: center;
		font-size: 28px;
		line-height: 2;
		font-weight: bold;
		color: #103784;
		padding-bottom: 15px;
		-webkit-transition: all 1s ease 0.5s;
		-webkit-transform: translateY(10px);
		opacity: 0;
	}
	.my-name::after{
		width: 40px;
		height: 3px;
		position: absolute;
		left: 50%;
		margin-left: -20px;
		content: '';
		background: linear-gradient(90deg, #23ac38, #103784);
	}
	.word-center{
		width: 400vw;
		display: flex;
		position: relative;

	}
	.word-center img{
		max-width: none;
		width: 200vw;
		height: 60vw;
	}
	.word-center span{
		width: 300vw;
		display: block;
		letter-spacing: 5vw;
	}
	.my-word{
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		left: 0%;
		font-family: Morganite;
		
	}
	@-webkit-keyframes loopMove {
		0% {
			background-position-x: 0
		}
	
		100% {
			background-position-x: -100%
		}
	}
	.my-bg{
		width: 100vw;
		height: auto;
		position: relative;
		left: 0%;
		top:0%;
		background: center center no-repeat;
		background-size: cover;
		border-radius: 0%;
		color: transparent;
		background-clip: text;
		-webkit-background-clip: text;
		line-height: 55vw;
		font-size: 100px;
		text-transform: uppercase;
		font-family: Morganite;
		overflow: hidden;
		-webkit-transition: all 1s ease 0.7s;
		opacity: 0;
		-webkit-transform: translateY(20px);
		margin-top: 17vh;
	}
	.my-center{
		width: 100%;
		height: auto;
		position: relative;
		left: 0%;
		top: 0%;
		text-align: center;
		-webkit-transform: translateY(30px);
		opacity: 0;
		-webkit-transition: all 1s ease 0.9s;
		margin-top: 3vh;
	}
	.mySwiper .swiper-slide-active .my-center{
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
	.mySwiper .swiper-slide-active .my-bg{
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
	.mySwiper .swiper-slide-active .my-name{
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
	.ff-cover{
		width: 100%;
		height: auto;
		position: absolute;
		left: 0%;
		bottom: 0%;
	}

	.header.open{
		padding: 0px;
		height: 60px;
	}
	.logo>img:nth-child(1){
		opacity: 0;
	}
	.logo>img:nth-child(2){
		opacity: 1;
	}
	.logo{
		left: 3%;
	}
	.my-center .name{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 5px;
	}
	.mySwiper .swiper-slide:nth-child(2) .name .icon {
	    color: #e69b30;
	}
	
	.mySwiper .swiper-slide:nth-child(1) .name .icon {
	    color: #063979;
	}
	
	.mySwiper .swiper-slide:nth-child(3) .name .icon {
	    color: #40c47c;
	}
	.my-center .name .txt{
		line-height: 2;
		position: relative;
		font-size: 20px;
	}
	.my-center .name .txt::after {
	    width: 100%;
	    height: 3px;
	    position: absolute;
	    left: 0%;
	    bottom: 0%;
	    content: '';
	    background: linear-gradient(90deg, #23ac38, #103784);
	    -webkit-transition: all .5s;
	}
	.my-center .name .icon {
	    width: 50px;
	    height: 50px;
	    font-size: 26px;
	    line-height: 50px;
	}
	.my-center .des{
		margin-top: 15px;
	}
	.my-center .des a{
		width: 50%;
		height: auto;
		line-height: 45px;
		
		color: #fff;
		background: #fff;
		text-align: center;
		display: block;
		margin: 0px auto;
		border-radius: 50px;
		margin-bottom: 15px;
		font-size: 16px;
		background: linear-gradient(135deg, #73b42c, #1b90cd) center center no-repeat;
	}
	.homeSwiper>.swiper-pagination{
		display: none;
	}
	.wordList ul li{
		top: 50%;
	}
	.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{
		width: 40px;
		height: 40px;
		top: 40%;
		background-color: #fff;
		border-radius: 50%;
	}
	.mySwiper .swiper-button-next:after,.mySwiper .swiper-button-prev:after{
		font-size: 12px;
	}
	.mySwiper .swiper-button-next{
		right: 5%;
	}
	.mySwiper .swiper-button-prev{
		left: 5%;
	}
	.enterBtn{
		margin: 0px auto;
		margin-top: 25px;
	}
	.enterBtn i{
		font-size: 20px;
	}
	.slideBox .w1400{
		top: 45%;
	}
	.homeP{
		padding: 30px 0px;
	}
	.homeP .singePage{
		width: 100%;
	}
	.homeP .singePage.mw,.homeProduct ul li a{
		color: #fff;
	}
	.homeProduct{
		width: 100%;
	}
	.homeProduct ul li .pc{
		display: none;
	}
	.homeProduct ul li .name{
		width: 140px;
		flex-wrap: wrap;
	}
	.homeProduct ul li .name b{
		font-size: 50px;
		width: 100%;
	}
	.homeProduct ul li .name p{
		font-size: 14px;
		margin-left: 0%;
		display: block;
		width: 100%;
	}
	.homeProduct ul li .name b{
		line-height: 1;
	}
	.homeProduct ul li .icon{
		width: 80px;
	}
	.homeProduct ul li .title{
		font-size: 24px;
		width: calc(100% - 220px);
		color: #fff;
	}
	.homeProduct ul li .title p{
		font-size: 14px;
	}
	.homeProduct ul li .title b{
		display: block;
		margin-bottom: 5px;
	}
	.homeP .singePage img{
		width: 60%;
	}
	.boxC{
		width: 100%;
		position: relative;
	}
	.slide-inner{
		display: none;
	}
	.my-inner{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-size: cover;
		background-position: center center;
		display: block;
	}
	.fade-up{
		opacity: 1;
		-webkit-transition: all 1s;
		-webkit-transform: translateY(0px);
	}
	.mb100{
		margin-bottom: 100px;
	}
	.mb50{
		margin-bottom: 50px;
	}
	.enterBtn.l{
		margin-left: 0px;
	}
	.boxC{
		padding-top: 30px;
	}
	.parterImg{
		width: 100%;
		margin-left: 0%;
	}
	.khxz li b{
		font-size: 40px;
	}
	.khxz li:nth-child(2){
		margin-left: 20px;
	}
	.pc-show{
		display: none;
	}
	.pc-hide{
		display: flex;
	}
	.saceIn{
		-webkit-animation-name: none;
		animation-name: none;
	}
	.khxz{
		position: relative;
		width: 100%;
		
	}
	.khxz{
		display: none;
	}
	.saceIn {
	    opacity: 1;
	    -webkit-transition: all 1s;
	    -webkit-transform: scale(1);
	}
	.homeN{
		padding: 35px 0px;
	}
	.navFocus a{
		padding: 0px 10px;
	}
	.newSwiper .des{
		display: none;
	}
	.newSwiper .time b{
		font-size: 30px;
	}
	.newSwiper .name{
		font-size: 14px;
		line-height: 20px;
		height: 40px;
	}
	.newSwiper .swiper-slide{
		padding: 15px;
		padding-bottom: 0px;
	}
	.homeN .subTitle{
		padding-bottom: 0px;
	}
	.footer{
		padding-top: 25px;
	}
	.footerTop .w1400{
		flex-wrap: wrap;
	}
	.footerTop .socals{
		width: 100%;
		margin-bottom: 15px;
	}
	.footerTop .socals b{
		font-size: 20px;
	}
	.soDiv{
		justify-content: flex-start;
	}
	.soDiv .so{
		width: 30%;
	}
	.soDiv .so:first-child{
		margin-right: 10px;
	}
	.conAddress{
		width: 100%;
		margin-right: 0%;
	}
	.conAddress ul li{
		margin-bottom: 5px;
	}
	.conAddress ul li .des{
		padding-left: 30px;
	}
	.conAddress ul li .txt{
		line-height: 25px;
	}
	.footerTop{
		padding-bottom: 15px;
	}
	.footerNav{
		display: none;
	}
	.cpright{
		margin-right: 0%;
		line-height: 2;
		padding: 10px 0px;
	}
	.conAddress ul li .txt .icon{
		width: 25px;
		height: 25px;
		background-color: #fff;
		border-radius: 50%;
		color: #1b90cd;
		line-height: 25px;
		text-align: center;
		font-size: 14px;
	}
	.soDiv .so p{
		line-height: 2;
	}
	.navigator{
		display: block;
		width: 100%;
		height: calc(100vh - 60px);
		position: fixed;
		left: 0%;
		z-index: 20;
		top: 60px;
		overflow-y: auto;
		background: linear-gradient(135deg, #73b42c, #1b90cd) center center no-repeat;
		-webkit-transition: all 0.5s;
		visibility: hidden;
		opacity: 0;
	}
	.navigator.active{
		opacity: 1;
		visibility: visible;
	}
	.navigator ul{
		padding: 0%;
		color: #fff;
	}
	.navigator a{
		color: #fff;
	}
	.first-li{
		font-size: 20px;
		font-weight: bold;
		position: relative;
		padding: 10px 5%;
	}
	.navigator ul li{
		line-height: 40px;
		position: relative;
		padding-bottom: 3px;
	}
	.navigator ul li::after{
		width: 100%;
		height: 3px;
		position: absolute;
		left: 0%;
		bottom: 0%;
		content: '';
		background: linear-gradient(135deg, #73b42c, rgba(255,255,255,.5)) center center no-repeat;
	}
	.second-li{
		display: flex;
		flex-wrap: wrap;
		background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.2));;
		display: none;
	}
	.three-li{
		width: 90%;
		display: flex;
		padding: 10px 0%;
		flex-wrap: wrap;
		border-bottom: 1px solid rgba(255,255,255,.5);
		margin-left: 5%;
		
	}
	.three-li:first-child{
		padding-top: 0%;
	}
	.three-li:last-child{
		border-bottom: none;
	}
	.three-li .name{
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		width: 100%;
		margin-bottom: 5px;
	}
	.four-li{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.four-li a{
		display: flex;
		margin-right: 15px;
		line-height: 30px;
	}
	.four-li a .icon{
		font-size: 16px;
	}
	.four-li a .txt{
		margin-left: 2px;
	}
	.first-li.has::after{
		width: 20px;
		height: 20px;
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -10px;
		background: url(../images/arrow-right.png) no-repeat;
		background-size: cover;
		content: '';
		-webkit-transition: all .35s;
		
	}
	.first-li.active::after{
		-webkit-transform: rotate(90deg);
	}
	.second-li.active{
		display: block;
	}
	.three-li .name.mb0{
		margin-bottom: 0px;
	}
	.hotTle{
		position: absolute;
		right: calc(5% + 60px);
		margin-left: 0%;
		top: 50%;
		    line-height: 33px;
		-webkit-transform: translateY(-50%);
		background: transparent;
		border: 1px solid #1b90cd;
		color: #1b90cd;
	}

	.btmBox{
		width: 100%;
		margin-top: 25px;
		padding: 0px 5%;
		display: flex;
		justify-content: center;
	}
	.gpdm{
		width: 200px;
		height: auto;
		line-height: 45px;
		background-color: #fff;
		color: #1b90cd;
		font-size: 16px;
		border-radius: 50px;
	}
	.hotTle:hover {
	    width: 35px;
	}
	.navigator a.langueBtn{
		color: #1b90cd;
		margin-left: 10px;
		width: 80px;
		border-radius: 50px;
	}
	.langueBtn{
		position: relative;
		line-height: 45px;
		width: 45px;
		background-color: #fff;
		color: #1b90cd;
		border-radius: 50%;
	}
	.header.open .langueBtn{
		line-height: 45px;
	}
	.boxes.introBox::before{
		display: none;
	}
	.intro{
		width: 100%;
		margin-left: 0%;
	}
	.boxes.introBox{
		background: #fff;
	}
	.subBanner{
		margin-top: 60px;
		height: 40vh;
	}
	.slogan .title{
		width: 280px;
	}
	.slogan{
		top: 55%;
		width: 90%;
	}
	.sloganNav a{
		padding: 0px 10px;
		line-height: 40px;
		font-size: 14px;
		margin-bottom: 5px;
		margin-right: 10px;
		text-align: center;
	}
	.number{
		padding: 0px 0px;
		border: 1px solid rgba(0,0,0,.05);
		border-bottom: none;
		margin-bottom: 15px;
	}
	.number ul li .num b{
		font-size: 40px;
	}
	.number ul li{
		width: 50%;
		text-align: center;
		padding: 15px 0px;
		border-bottom: 1px solid rgba(0,0,0,.05);
		position: relative;
	}
	.number ul li:nth-child(odd)::after{
		width: 1px;
		height: 100%;
		position: absolute;
		right: 0%;
		top: 0%;
		background: rgba(0,0,0,.05);
		content: '';
	}
	.number ul{
		flex-wrap: wrap;
	}
	.subTitle.in{
		padding-bottom: 0px;
		border-bottom: none;
	}
	.cullist ul li .icon{
		width: 25px;
		line-height: 40px;
		font-size: 20px;
	}
	.cullist ul li .txt{
		line-height: 20px;
		padding: 10px 0px;
		    font-size: 14px;
	}
	.hisSwiper{
		padding: 0px;
	}
	.hisSwiper .swiper-slide::before{
		width: 12px;
		height: 95px;
		background-size: cover;
	}
	.hisSwiper .swiper-slide{
		padding-left: 20px;
	}
	.hisSwiper .swiper-slide .year{
		font-size: 16px;
	}
	.hisSwiper .swiper-slide .des{
		font-size: 12px;
		margin-bottom: 10px;
		min-height: 80px;
	}
	.buttonDiv{
		margin-top: 10px;
	}
	.hisBox .swiper-button-next, .hisBox .swiper-button-prev{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.hisBox .swiper-button-next{
		margin-left: 10px;
	}
	.navFocus{
		font-size: 14px;
		position: relative;
		bottom: 0%;
	}
	.navFocus a.active::after{
		bottom: -2px;
	}
	.swiper-container.fine.fine1 .swiper-wrapper .swiper-slide{
		width: 100%;
		margin-right: 0%;
	}
	.spName{
		padding: 15px 0px;
		font-size: 20px;
		margin-bottom: 0px;
		padding-bottom: 5px;
	}
	.spName::after{
		display: none;
	}
	.pzSwiper{
		padding-bottom: 40px;
		margin-bottom: 0px;
	}
	.swiper-pagination-bullet{
		width: 6px;
		height: 6px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0px 2px;
	}
	.hotList ul li{
		width: 50%;
		padding: 10px;
	}
	.hotList ul li .name{
		font-size: 12px;
	}
	.xdBox{
		padding-top: 15px;
		flex-wrap: wrap;
	}
	.xdBox .xdL{
		width: 100%;
		padding-bottom: 35px;
	}
	.xdBox .tzTitle{
		margin-bottom: 0px;
	}
	.xdBox .tzTitle b{
		line-height: 1.4;
		font-size: 20px;
	}
	.map-1{
		display: block;
	}
	.xdBox .xdR{
		display: none;
	}
	.hzkh .names ul{
		padding: 15px;
	}
	.hzkh .names ul li:nth-child(2n){
		margin-right: 0%;
	}
	.hzkh .names ul li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 5px;
	}
	.lzBox{
		direction: initial;
	}
	.lzR,.lzL{
		width: 100%;
	}
	.lzLBox{
		justify-content: flex-start;
	}
	.lzLBox p{
		font-size: 12px;
		width: auto;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	#f6{
		padding-top: 0px;
	}
	.czBox{
		width: 94%;
		padding: 15px;
	}
	.czBox .title{
		font-size: 20px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.czBox .title a{
		font-size: 12px;
		width: 80px;
		height: auto;
		line-height: 28px;
	}
	.czList{
		font-size: 14px;
	}
	.boxes.b0{
		padding-top: 0px;
	}
	.newSwiper.innerNews a{
		width: 100%;
		padding: 0px;
		margin-bottom: 25px;
	}
	.newSwiper .time b{
		font-size: 28px;
	}
	.newSwiper .des{
		display: none;
	}
	.newSwiper .name{
		font-size: 14px;
		line-height: 20px;
		height: auto;
	}
	.newSwiper .swiper-slide::after,.newSwiper.innerNews .swiper-slide::before{
		display: none;
	}
	#page{
		padding-top: 0px;
	}
	#page li{
		margin: 0px 2px;
	}
	.soluSwiper .swiper-slide .name{
		width: 260px;
		top: 35%;
	}
	.soluSwiper .swiper-slide .sloganNav{
		left: 10vw;
		display: flex;
		top: 55%;
		flex-wrap: wrap;
	}
	.soluSwiper{
		height: 50vh;
		margin-top: 60px;
	}
	.soluSwiper .swiper-pagination{
		font-size: 24px;
		right: 5%;
		opacity: .7;
	}
	.soluCase{
		width: 100%;
		height: auto;
		margin-top: 0px;
	}
	.soluCase::before{
		display: none;
	}
	.soluCase .thum{
		width: 100%;
		height: 45vw;
		left: 0%;
		border-radius: 5px;
		top: 0%;
		-webkit-transform: translate(-0%, -0%);
		margin-bottom: 30px;
		background: #fff;
		position: relative;
	}
	.soluCase .thum img,.soluCase ul li::after{
		display: none;
	}
	.soluCase ul li:nth-child(1),.soluCase ul li:nth-child(2),.soluCase ul li:nth-child(3),.soluCase ul li:nth-child(4),.soluCase ul li:nth-child(5),.soluCase ul li:nth-child(6){
		left: 0px;
		top: 0px;
		width: 49%;
		position: relative;
		direction: initial;
		-webkit-transform: translateX(0%);
		display: block;
		background: #fff;
		border-radius: 8px;
	}
	.soluCase ul li{
		margin-bottom: 35px;
	}
	.soluCase ul li:nth-child(5) .num,.soluCase ul li:nth-child(6) .num{
		width: 40px;
	}
	.soluCase ul li .num{
		height: 40px;
		background-color: #fff;
		color: #3E3e3e;
		position: absolute;
		left: 50%;
		margin-left: -20px;
		top: -20px;
		border-radius: 50%;
		font-size: 24px;
		line-height: 40px;
	}
	.soluCase ul li .txt{
		margin-right: 0%;
		margin-left: 10px;
		text-align: left;
	}
	.boxes.solutionBox{
		padding: 50px 0px;
		padding-bottom: 0px;
	}
	.soluCase ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.soluCase ul li .txt{
		width: 100%;
		margin-left: 0%;
		background-color: #fff;
		color: #3E3e3e;
		border-radius: 8px;
	}
	.soluCase ul li .txt b{
		padding: 10px;
		font-size: 14px;
		padding-top: 15px;
		margin-bottom: 0px;
		position: relative;
	}
	.soluCase ul li .txt p{
		font-size: 12px;
		padding: 10px;
		padding-top: 0px;
	}

	.navFocus.new-navs{
		position: absolute;
		right: 0%;
		bottom: 5px;
	}
	.screenSwiper .name{
		padding: 15px;
	}
	.screenSwiper .name b{
		font-size: 14px;
		margin-bottom: 0px;
	}
	.screenSwiper .swiper-button-next, .screenSwiper .swiper-button-prev{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.swiper-button-next:after, .swiper-button-prev:after{
		font-size: 14px;
	}
	.screenSwiper .swiper-slide .thum::after{
		background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
		height: 60%;
	}
	.soluCase.six{
		margin-top: 0px;
	}
	.soluCase ul li:nth-child(6){
		bottom: 0%;
	}
	.soluCase ul li:nth-child(4) .txt, .soluCase ul li:nth-child(2) .txt{
		margin-left: 0%;
	}
	.tzTitle b{
		font-size: 24px;
	}
	.tzTitle p{
		font-size: 14px;
		line-height: 1.7;
	}
	.tzlist{
		width: 100%;
		margin-bottom: 20px;
	}
	.tzTitle{
		margin-bottom: 20px;
	}
	.tzlist ul li .txt{
		font-size: 24px;
	}
	.hdy{
		width: 90%;
	}
	.tzlist ul li{
		width: 100%;
		position: relative;
		padding-left: 5px;
		border-left: 3px solid #063979;
		margin-bottom: 15px;
	}
	.tupian{
		width: 100%;
	}
	.navFocus.new-nav{
		position: absolute;
		right: 0%;
		bottom: 10px;
	}
	.navFocus.new-nav a{
		line-height: 32px;
		padding: 0px 15px;
	}
	.joinIcon ul{
		flex-wrap: wrap;
	}
	.joinIcon ul li{
		width: 20%;
		padding: 10px 0px;
	}
	.joinIcon ul li .icon{
		width: 50px;
		height: auto;
		line-height: 30px;
		font-size: 24px;
	}
	.joinIcon ul li .txt{
		margin-top: 0px;
		font-size: 12px;
		padding: 0px 5px;
		opacity: .9;
	}
	.joinIcon ul li::before{
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0px;
		bottom: 0%;
		background-color: rgba(255, 255, 255, .1);
		content: '';
		display: block;
	}
	.joinIcon ul li:last-child::after{
		display: block
	}
	.subTitle{
		margin-bottom: 0px;
	}
	.joinIcon ul{
		position: relative;
	}
	.joinIcon ul::after{
		width: 1px;
		height: 100%;
		position: absolute;
		left: 0px;
		bottom: 0%;
		background-color: rgba(255, 255, 255, .1);
		content: '';
		display: block;
	}
	.joinIcon{
		margin-bottom: 20px;
	}
	.joinList .swiper-slide{
		width: 100%;
		height: auto;
		padding: 20px 15px;
		border-radius: 20px 0px 20px 0px;
	}
	.joinList .swiper-slide .title{
		font-size: 18px;
	}
	.lightBox .tet-box{
		width: 94%;
	}
	.lightBox .close{
		font-size: 14px;
	}
	.joinList.active{
		padding-bottom: 0px;
	}
	.homeProduct ul li a:hover .name {
		padding-left: 0px;
	}
	.hotFocus .swiper-slide{
		direction: initial;
		flex-wrap: wrap;
	}
	.hotFocus .swiper-slide .thum,.hotFocus .swiper-slide .info{
		width: 100%;
	}
	.hotFocus .swiper-slide .thum{
		margin-bottom: 10px;
	}
	.hotFocus .swiper-slide .info .des{
		display: none;
	}
	.hotFocus .swiper-slide .info .title{
		font-size: 16px;
		margin-bottom: 0px;
	}
	.hotFocus .swiper-slide .info .more{
		width: 125px;
		line-height: 34px;
		margin-top: 15px;
	}
	.hotFocus{
		padding-bottom: 0px;
		padding-top: 80px;
	}
	.hotFocus .swiper-pagination{
		text-align: center;
	}
	.boxes.b0{
		padding-bottom: 50px;
	}
	.cpright span{
		display: block;
	}
	.soluCase .thum .pic{
		width: 100%;
		height: 100%;
	}
	.hotFocus .swiper-slide .info{
		
	}
	.yunweiBox .thum,.ywR{
		width: 100%;
	}
	.titleLogo{
		width: 45px;
		margin-bottom: 10px;
		display: none;
	}
	.bzBox{
		width: 100%;
		position: relative;
		left: 0%;
		top: 0%;
		padding: 35px 0px;
	}
	.bzList{
		padding-top: 0%;
		margin-top: 20px;
	}
	.bzList a{
		width: calc(100%/3);
	}
	.bzList a .thum{
		width: 80%;
	}
	.bzList a .txt{
		margin-top: 5px;
	}
	.bzImg{
		display: none;
	}
	.standBox{
		height: auto;
	}
	.subTitle.cj b{
		display: block;
	}
	.subTitle.cj p{
		font-size: 14px;
	}
	.mapMain .mapLeft{
		width: 100%;
	}
	.yunweiBox .thum{
		margin-bottom: 10px;
	}
	.mapMain{
		flex-wrap: wrap;
	}
	.mapMain .mapR{
		width: 100%;
	}
	.mapMain .citys ul li{
		width: calc(100%/4);
		font-size: 12px;
		padding-left: 10px;
	}
	.mapMain .citys ul li::after{
		top: 14px;
	}
	.mapMain .citys ul{
		margin-bottom: 10px;
	}
	.cityTel a p{
		margin-bottom: 5px;
	}
	.gtBox.a1{
		background-size: contain;
		padding-bottom: 10vh;
	}
	.screenSwiper .name{
		position: relative;
		color: #3e3e3e;
		padding: 10px 0px;
		text-align: center;
	}
	.screenSwiper .name p{
		display: none;
	}
	.infoSwiper .swiper-slide{
		width: 100%;
		margin-bottom: 15px;
	}
	.lightBox .summary-join{
		font-size: 14px;
		height: 450px;
	}
	.singePage img{
		display: block;
		width: 100% !important;
		height: auto !important;
	}
	.navFocus.x-n a{
		padding: 0px 5px;
	}
	.newSwiper .time{
		line-height: 1.4;
	}
	.stWords{
		font-size: 200px;
		opacity: .05;
	}
	.parterImg>img{
		display: none;
	}
	.singePage img.pc-hide{
		display: block;
		margin-bottom: 35px;
	}
	.singePage img.pc-show{
		display: none;
	}
	.homeP .subTitle{
		color: #fff;
	}
	.parterImg .singePage{
		width: 100%;
	}
	.homeP .subTitle.mw{
		color: #103784;
	}
	.boxC .subTitle{
		color: #fff;
	}
	.boxC .singePage{
		color: #fff;
	}
	.idx-banner .headbg{
		display: none;
	}
	.idx-banner .m-bg{
		position: absolute;
		z-index: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.banner{
		height: calc(100vh - 60px);
	}
	.boxes.m-pt50{
		padding-top: 70px;
	}
	.boxes.m-pt20{
		padding-top: 20px;
	}
	.tips{
	    width: 100%;
	    text-align: center;
	    position: absolute;
	    left: 0%;
	    bottom: 10px;
	    padding-bottom: 30px;
	    z-index: 10;
	    font-size: 20rpx;
	    color: rgba(255, 255, 255, 0.5);
		opacity: 1;
		visibility: visible;
	}
	.tips img{
	    width: 30px;
	    height: 30px;
	    position: absolute;
	    left: 50%;
	    margin-left: -15px;
	    bottom: 0%;
	}
	.tips.active{
	    display: none;
	}
}